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。 通过 10 个 项 目 帮助 读者 掌握 使 用 Android Studio 平 台 开发 与 设计 App UI 
界面 的 技术 和 方法 。 
。 每 个 项 目 包括 项 目 目标 、 项 目 准 备 、 项 目 运 行 、 项 目 结案 及 项 目 练习 五 部 
-— 分 ， 重 要 知识 点 提供 了 视频 讲解 。 
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* 采用 理论 实践 一体 化 教学 模式 ， 建 议 学 时 为 48~68 学 时 。 
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App 是 移动 多 媒体 时 代 重 要 的 交流 工具 ,是 设计 学 与 计算 机 科学 等 相关 专业 人 才 走 向 
社会 急需 掌握 的 一 项 技术 ,相关 的 开发 与 设计 是 Android 开发 技术 人 员 需 要 掌握 的 基本 技 
能 。 在 App 开发 的 过 程 中 ,对 UI 的 设计 是 十 分 重要 的 ,也 是 App 能 否 被 用 户 接受 和 持续 
使 用 的 关键 性 指标 。 因 此 ,在 高 等 院 校 艺 术 设 计 类 专业 中 开设 App 开发 与 设计 的 相关 课程 
既 满 足 市 场 需求 ,又 符合 行业 发 展 趋势 。App 已 成 为 一 门 重要 的 专业 课程 。 本 书 以 实例 的 
方式 ,通过 项 目 引 导 训 练 读者 在 Android Studio 平台 下 开发 与 设计 UI 界面 的 技术 手段 与 
实现 方法 。 

本 书 以 开发 和 设计 完整 的 App 为 导向 ,采用 微 课 项 目 教学 的 方式 组 织 内 容 , 项 目 之 间 
彼此 承接 与 演进 。 本 书 内 容 主 要 涵盖 了 10 个 项 目 ,分 别 从 App 概念 及 应 用 、 如 何 搭建 
Android 开发 环境 、 在 Android Studio 平台 下 如 何 设计 与 开发 App 的 UI 界面 (包括 添加 
UI 组 件 、 多 媒体 开发 .数据 传递 与 多 线程 ) 以 及 如 何 打包 发 布 等 方面 进行 讲解 。 在 每 个 项 目 
的 具体 实施 中 ,包括 项 目 目标 ,项目 准备 ,项 目 运 行 , 项 目 结案 及 项 目 练习 五 部 分 。 项 目 目 
标 部 分 给 出 设计 与 开发 的 任务 , 即 读 者 需要 掌握 哪些 知识 和 能 够 实现 什么 样 的 效果 ; 项 目 
准备 部 分 用 理论 说 明 的 方式 介绍 项 目 实现 的 技术 方法 和 操作 思路 ; 项 目 运行 部 分 介绍 设计 
与 开发 App 的 实际 案例 ,通过 细致 的 过 程 演示 ,图 文 并 茂 地 实现 项 目 目标 ; 项 目 结案 部 分 
对 项 目 进行 汇总 式 说 明 ,总 结 项 目 中 用 到 的 技术 知识 点 等 ; 项 目 练习 部 分 则 是 围绕 项 目 需 
要 掌握 的 重点 ,精心 提供 了 适量 的 习题 , 供 读者 检测 学 习 效果 。 

通过 10 个 项 目的 具体 学 习 和 训练 ,读者 不 仅 能 够 掌握 使 用 Android Studio 开发 App 
的 技术 要 点 ,而 且 能 够 体验 到 App 开发 中 UT 设计 的 重要 性 ,项 目 内 容 的 设置 尤其 适合 数字 
媒体 艺术 数字 媒体 技术 、 网 络 与 新 媒体 ,游戏 设计 等 专业 人 才 在 具备 艺术 设计 与 多 媒体 创 
作 的 基础 上 进行 技术 技能 方面 的 补充 。 

本 书 的 参考 学 时 为 48 一 68 学 时 ,建议 采用 理论 实践 一 体 化 教学 模式 ,各 项 目的 参考 学 
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时 见 下 面 的 学 时 分 配 表 。 
学 时 分 配 表 

项 H 课程 内 容 学 时 
项 目 1 T8 App 的 前 世 今生 2—4 
项 目 2 搭建 Android 开发 环境 4~6 
项 目 3 创建 第 一 个 App 2~4 
项 目 4 设计 App 的 用 户 界面 6—8 
项 目 5 理解 App 的 活动 4 一 6 
项 目 6 设置 App 的 UI 组 件 8 一 10 
项 目 7 设置 App 的 多 媒体 应 用 8 一 10 
项 目 8 设置 App 的 图 像 与 动画 8 一 10 
项 目 9 获取 App 的 数据 4-6 
项 目 10 发 布 App 2 一 4 

课时 总 计 48 一 68 


注 : 本 书 提供 150 分 钟 的 视频 讲解 ,扫描 书 中 相应 位 置 的 二 维 码 , 可 以 在 线 观看 学 习 ; 
本 书 还 提供 部 分 实例 的 程序 源码 ,扫描 目录 上 方 的 二 维 码 可 以 下 载 ; 本 书 还 提供 教学 大 纲 、 
教学 课件 .电子 教案 习题 答案 教学 进度 表 等 配套 资源 ,扫描 封底 的 课件 二 维 码 可 以 下 载 。 

本 书 由 刘 友 、 郑 海 吴 编著 , 刘 古 编写 了 项 目 1、 项 目 2. 项目 3 和 项 目 10, 其 他 项 目 均 为 
郑 海 吴 编 写 。 杨 豪 同 学 负责 提供 本 书 所 用 图 片 及 视频 讲解 , 乔 露 同学 负责 制作 本 书 的 
PPT。 另 外 ,特别 感谢 张 荣 老师 对 本 书 的 指导 与 建议 。 

由 于 编者 水 平和 经 验 有 限 , 书 中 难免 有 欠 妥 之 处 ,县 请 读者 批评 指正 。 
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了 解 App 的 前 世 今生 


App( Application) , 即 应 用 程序 ,多 指 在 智能 手机 上 安装 的 移动 应 用 软件 。 在 智能 媒介 
途 勃发 展 的 今天 ,手机 作为 “人 的 延伸 ”已 经 与 人 的 生活 、 工 作 、 学 习 、 娱 乐 等 方方面面 形成 
了 无 颖 连接 的 状态 。 尤 其 在 中 国 ,App 的 应 用 范围 几乎 涵盖 了 整个 社会 ,各 行 各 业 都 将 发 
展 的 视野 投放 到 了 这 个 入 门 快 、 上 手 易 、 传 播 广 的 应 用 程序 上 。 因 此 ,App 的 开发 与 设计 对 
于 学 习 软 件 开发 或 艺术 设计 等 专业 的 学 生来 说 是 必 不 可 少 的 ,也 是 未 来 就 业 的 基础 敲 
门 砖 。 

App 发 展 至 今 , 种 类 十 分 庞杂 ,应 用 领域 五 花 八 门 ,提供 的 服务 多 种 多 样 。 但 究 其 根本 
功能 都 与 “表达 ”与 交流” 息息相关。 因此 ,“ 交 互 ” 的 功能 实现 与 设计 就 成 为 App 开发 的 核 
心 与 重点 ,也 是 本 书 重点 要 讲授 的 内 容 。 

本 项 目的 项 目 目标 为 介绍 与 App 相关 的 重点 概念 与 应 用 ,包括 App 运行 的 系统 基础 ， 
即 手机 系统 的 发 展 概况 ,手机 关键 技术 的 发 展 ,App 的 界面 设计 ,App 开发 工具 等 内 容 。 通 
过 本 项 目的 讲解 ,希望 能 够 让 大 家 对 App 的 前 世 今 生 形 成 一 个 完整 的 概念 ,为 后 续 开 发 、 设 
计 的 学 习 提供 良好 的 全 局 观 。 
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1.2” 项 目 准备 


1.2.1 手机 系统 的 发 展 


手机 应 用 的 升级 往往 伴随 着 系统 的 不 断 演进 ,不 论 是 硬件 上 提高 用 户 体验 的 操控 感 ， 
抑或 是 软件 系统 的 研发 革新 ,都 从 不 同 的 角度 为 用 户 带 来 了 更 为 智能 化 的 移动 生活 。 几 款 
主流 的 操作 系统 也 一 直 处 于 战国 纷争 .势均力敌 的 状态 。 与 此 同时 ,新 兴 系 统 也 在 庞大 的 
移动 终端 市 场 中 渐 和 佳境 ` 不 断 壮 大 。 手 机 软 硬 件 系统 的 多 样 化 是 目前 智能 手机 市 场 发 展 
的 主要 特点 之 一 。 下 面 将 介绍 几 款 主流 的 手机 硬件 系统 与 软件 操作 系统 ,并 梳理 其 发 展 的 
历程 与 态势 。 


1. 手机 硬件 系统 


随 着 通信 产业 的 不 断 发 展 ,移动 终端 的 硬件 系统 演变 也 是 一 日 千里 。 从 最 早 的 “一 只 
顺风 耳 ” 摇 身 一 变 ,出 落成 集 话音 ,数据 图像. 音乐 、 视 频 、 动 画 、 网 页 等 多 媒体 于 一 身 的 “万 
花 简 ”。 总 的 来 说 ,手机 的 硬件 系统 的 组 成 部 分 一 般 包括 屏幕 .CPU、GPU\ 话 简 、 听 简 、 摄 像 
头 、 重 力 感应 ,无线 连接 、 蓝 牙 , 外 部 存储 器 等 。 

手机 的 硬件 系统 中 与 用 户 关系 最 为 密切 的 就 是 屏幕 了 。 纵 观 近 几 年 手机 市 场 的 发 展 ， 
厂家 不 遗 余力 地 推出 各 种 超大 屏幕 .显示 超 清 、 触 感 灵敏 的 款式 ,将 用 户 对 于 手机 通话 的 
“功能 性 依赖 "转移 到 以 视 像 为 主 的 “娱乐 性 依恋 ”。6 英寸 甚至 更 大 屏幕 的 智能 手机 频频 问 
世 ,AMOLED IPS 等 面板 技术 继续 引领 高 端 配置 ,让 用 户 体验 顶级 的 色彩 和 流畅 的 触 控 
感 , 同 时 也 为 更 好 方案 的 出 现 进行 铺垫 。 

GPU 是 智能 手机 中 的 另 一 个 亮点 ,是 对 数字 图 像 线 上 线 下 的 处 理 能 力 。 随 着 四 核 处 理 
器 在 手机 领域 的 应 用 普及 ,用 户 体验 到 了 更 强劲 的 运行 性 能 ,能 在 手机 上 实现 多 媒体 信息 
的 处 理工 作 , 同 时 ,也 掀起 新 一 轮 产品 内 部 架构 设计 的 革新 。 


2. 手机 软件 系统 


手机 硬件 系统 跃 步 前 进 的 同时 ,软件 操作 系统 也 在 如 火 如 禁地 发 展 。 相 对 于 硬件 , 操 
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作 系 统 的 升级 是 悄然 进行 的 , 它 并 不 是 以 强烈 的 视觉 冲击 带 给 用 户 全 新 体验 ,而 是 通过 兼 
容 并 衍生 更 多 的 应 用 程序 来 丰富 手机 用 户 的 操作 体验 。 

iPhone 的 成 功 使 行业 内 部 达成 共识 。 一 方面 ,各 大 手机 厂商 已 经 达成 了 默契 , 即 界面 
的 操作 方式 与 菜单 列表 的 形式 趋 于 统一 ,打破 不 同 操作 系统 之 间 的 隔 头 ; 另 一 方面 ,手机 市 
场 又 呈现 出 多 样 化 的 特点 。 主 流 的 操作 系统 如 Android, iOS 等 都 各 自 占领 着 部 分 市 场 。 
根据 凯 度 移动 通信 消费 者 指数 (Kantar Worldpanel ComTech) 的 智能 手机 操作 系统 数据 调 
查 显示 ,2019 年 第 二 季度 ,Android 操作 系统 占 比 最 高 ,为 77.14% ,高 居 榜 首 ,与 上 季度 占 
比 基 本 一 致 ; iOS 操作 系统 占 比 22.83% ,位 居 第 二 ; 而 其 他 移动 端 操作 系统 相 加 占 比 才 
0.04 26 ,完全 不 及 安 卓 和 IOS 的 零头 。 从 品牌 占 安 卓 手机 销售 的 百分比 来 看 ,华为 手机 在 中 
国 城市 中 的 销量 继续 占据 主导 地 位 ,达到 36% , 坐 稳 了 中 国 市 场 份额 第 一 的 位 置 。 

1) iOS 

iOS 是 由 苹果 公司 为 iPhone 开发 的 操作 系统 。 它 主要 是 给 iPhone iPod touch 以 及 
iPad 使 用 的 。 原 本 这 个 系统 被 命名 为 iPhone OS, 直 到 2010 年 6 月 7 日 ,在 WWDC 大 会 上 
被 改 为 1OS。iOS 的 系统 架构 分 为 4 个 层次 : 核心 操作 系统 层 (the Core OS layer) ,核心 服 
务 层 (the Core Services layer) , W [& JZ (the Media layer) 和 可 轻 触 层 (the Cocoa Touch 
layer) 。 操 作 系统 占用 大 概 240MB 的 存储 器 空间 。iOS 操作 系统 界面 如 图 1-1 所 示 。 


Set Up Internet Tethering 


Internet Tethering allows you to share. 
your iPhone's Internet connection with 
your compuler vía Bluetooth or USB. 


图 1-1 iOS 操作 系统 


2) Android 

Android( 安 卓 , 其 操作 系统 的 LOGO 如 图 1-2 所 示 ) 是 Google 开发 的 基于 Linux 平台 
的 开源 手机 操作 系统 。 它 包括 操作 系统 、 用 户 界面 和 应 用 程序 , 即 移动 电话 工作 所 需 的 全 
部 软件 ,而 且 不 存在 以 往 任何 阻碍 移动 产业 创新 的 专 有 权 障 碍 。Google 与 开放 手机 联盟 合 
作 开发 了 Android, 这 个 联盟 由 包括 中 国 移动 .摩托 罗拉 、 高 通 、 宏 达 电 子 和 T-Mobile 在 内 


人 
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的 30 多 家 技术 和 无 线 应 用 的 领军 企业 组 成 。Google 通过 与 运营 商 \、 设 备 制造 商 ,开发 商 和 
其 他 有 关 各 方 结 成 深层 次 的 合作 伙伴 关系 ,希望 借助 建立 标准 化 、 开 放 式 的 移动 电话 软件 
平台 ,在 移动 产业 内 形成 一 个 开放 式 的 生态 系统 。 

3) Windows Phone 

Windows Phone( 其 操作 系统 的 LOGO 如 图 1-3 所 示 ) 的 推出 是 微软 进军 移动 设备 领 
域 的 重大 品牌 调整 , 它 包 括 Pocket PC、Smartphone 和 Media Centers 三 大 平台 体系 , 均 面 
向 个 人 移动 电子 消费 市 场 。Pocket PC 针对 无 线 PDA 设计 ; Smartphone 专 为 手机 设计 ,已 
有 多 个 来 自 IT 业 的 新 手机 厂商 使 用 ,市 场 占 有 率 增长 较 快 ，Media Centers 是 手机 的 媒体 
中 心 ,为 手机 提供 媒体 集成 储备 功能 。 


LE 
Ld 
Cn2301»5 Windows Phone a 


图 1-2 Android 操作 系统 的 LOGO 图 1-3 Windows Phone 操作 系统 的 LOGO 


Windows Phone 为 手机 开发 提供 的 功能 非常 多 ,在 不 同 的 平台 上 实现 的 功能 互 有 重生 也 
各 有 侧重 。 这 3 个 平台 都 支持 与 台式 机 数据 同步 。 例 如 ,Pocket PC 的 功能 侧重 个 人 事务 处 理 
和 简单 的 娱乐 ,主要 支持 的 功能 有 日 程 安排 ,移动 版 Office、 简 单 多 媒体 播放 。Smartphone 
提供 的 功能 侧重 于 联系 方面 , 它 主 要 支持 的 功能 有 电话 、 电 子 邮 件 、 联 系 人 、 即 时 消息 。 

4) Symbian 

Symbian( 塞 班 ) 是 一 个 实时 性 、 多 任务 的 纯 32 位 操作 系统 ,具有 功 耗 低 、 内 存 占用 少 等 特 
点 ,非常 适合 手机 等 移动 设备 使 用 ,经 过 不 断 完善 ,可 以 支持 GPRS ,蓝牙 .SyncML 以 及 3G d 
术 。 最 重要 的 是 ,作为 一 个 标准 化 的 开放 式 平台 ,任何 人 都 可 以 为 支持 Symbian 的 设备 开发 软 
件 。 与 微软 公司 产品 不 同 的 是 ,Symbian 将 移动 设备 的 通用 技术 ,也 就 是 操作 系统 的 内 核 ,与 
图 形 用 户 界面 技术 分 开 , 能 很 好 地 适应 不 同 输入 方式 的 平台 ,也 可 以 为 厂商 提供 制作 友好 操作 
界面 的 机 会 ,迎合 个 性 化 的 潮流 。 因 此 ,用 户 才 能 见 到 显示 方式 过 然 不 同 的 Symbian 系统 。 

5) 其 他 操作 系统 

在 移动 通信 和 领域 中 ,还 有 其 他 一 些 操作 系统 ,如 高 通 公 司 推出 的 BREW 平台 ( 它 是 基于 
CDMA 网 络 “ 无 线 互 联网 发 射 平台 ”上 的 增值 业务 而 开发 的 基本 平台 ) , 源 代码 开放 的 操作 
系统 Linux, 融 云 数据 存储 、 云 计算 服务 和 云 操作 系统 为 一 体 的 新 一 代 操作 系统 阿里 云 OS 
等 ,种 类 繁多 ,但 用 户 量 较 少 。 
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1.2.2 手机 关键 技术 的 发 展 


智能 手机 的 发 展 离 不 开 信息 技术 的 发 展 与 革新 。3G 移动 通信 技术 和 4G 移动 通信 技 
术 是 对 手机 发 展 影响 深远 的 代表 性 ,关键 性 技术 。 正 是 这 两 大 关键 技术 才 使 得 智能 手机 真 
正成 为 人 们 生活 、 工 作 、 学 习 、 娱 乐 的 亲密 伴侣 ,也 使 得 视频 、 游 戏 等 大 数据 量 的 媒体 资源 能 
够 实时 上 传 或 下 载 , 扩 展 了 手机 的 可 视 化 功能 。 


1. 3G 移动 通信 


第 三 代 移 动 通信 技术 (3rd Generation,3G) 是 指 将 无 线 通信 与 国际 互联 网 等 多 媒体 通 
信 结 合 的 第 三 代 移 动 通信 系统 。 相 对 于 第 一 代 模 拟 制 式 手机 (1G 手机 ) 和 第 二 代 GSM、 
TDMA 等 数字 手机 (2G 手机 ) ,使 用 3G 技术 的 手机 能 够 处 理 图 像 音乐. 视频 流 等 多 种 媒 
体形 式 ,提供 包 括 网 页 浏览 .电话 会 议 ,电子 商务 等 多 种 信息 服务 ,如 图 1-4 所 示 。 为 了 提供 
这 种 服务 ,无 线 网 络 必须 能 够 支持 不 同 的 数据 传输 速率 ,也 就 是 在 室内 、 室 外 和 行车 的 环境 
中 能 够 分 别 支持 至 少 2Mb/s、384kb/s 以 及 144kb/s 的 传输 速率 。 


新 闻 工作 站 
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3G 录 播 服 务 器 


多 画面 监视 器 
图 1-4 3G 网 络 的 应 用 范围 及 服务 类 型 

国际 电信 联盟 (ITU) 在 2000 年 5 月 确定 了 WCDMA CDMA 2000, TD-SCDMA 三 大 
主流 无 线 接口 标准 ,并 写 入 3G 技术 指导 性 文件 (2000 年 国际 移动 通信 计划 》( 简 称 IMT- 
2000); 2007 4E, WiMAX 也 被 接受 为 3G 标准 之 一 。 码 分 多 址 (Code Division Multiple 
Access,CDMA) 是 第 三 代 移 动 通信 系统 的 技术 基础 。 第 一 代 移 动 通信 系统 采用 频 分 多 址 
(Frequency Division Multiple Access/ Address,FDMA) 的 模拟 调制 方式 ,这 种 系统 的 主要 
缺点 是 频谱 利用 率 低 , 信 令 干 扰 话 音 业 务 。 第 二 代 移 动 通信 系统 主要 采用 时 分 多 址 (Time 
Division Multiple Access,TDMA) 的 数字 调制 方式 ,提高 了 系统 容量 ,并 采用 独立 信道 传送 
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信 令 ,使 系统 性 能 大 大 改善 。 但 TDMA 的 系统 容量 仍然 有 限 , 越 区 切换 性 能 仍 不 完善 。 
CDMA 系统 以 其 频率 规划 简单 .系统 容量 大 、 频 率 复 用 系数 高 、 抗 多 径 能 力 强 、 通 信 质 量 好 、 
软 容 量 、 软 切换 等 特点 显示 出 巨大 的 发 展 潜力 。 下 面 分 别 介绍 3G 的 几 种 标准 。 

1) WCDMA 

WCDMA 全 称 为 Wideband CDMA ,也 称 为 CDMA Direct Spread, 意 为 宽频 分 码 多 重 
存 取 , 是 基于 GSM 网 发 展 出 来 的 3G 技术 规范 ,是 欧洲 提出 的 宽带 CDMA 技术 , 它 与 日 本 
提出 的 宽带 COMA 技术 基本 相同 。WCDMA 的 支持 者 主要 是 以 GSM 系统 为 主 的 欧洲 厂 
商 , 日 本 公司 也 或 多 或 少 参与 其 中 ,历史 上 包括 欧美 的 爱立信 、 阿 尔 卡 特 、 诺 基 亚 、 朗 讯 、 北 
电 , 以 及 日 本 的 NTT、 富 士 通 、 夏 普 等 厂商 。 该 标准 提出 了 GSM (2G)-GPRS-EDGE- 
WCDMA(3G) 的 演进 策略 。 这 套 系统 架设 在 GSM 网 络 上 ,对 于 系统 提供 商 而 言 可 以 较 轻 
松 地 进行 过 渡 。2000 年 左右 ,GSM 在 亚洲 十 分 普及 ,因此 对 WCDMA 这 套 新 技术 的 接受 
度 也 相当 高 。 

2) CDMA 2000 

CDMA 2000 是 由 窄带 CDMA(CDMA IS95) 技 术 发 展 而 来 的 宽带 CDMA 技术 ,也 称 
为 CDMA Multi-Carrier, 它 是 由 美国 高 通 北 美 公司 主导 提出 的 ,摩托 罗拉 、Lucent 和 后 来 加 
入 的 韩国 三 星 都 曾 参 与 其 中 。 而 韩国 则 成 为 该 标准 的 现行 主导 者 。 这 套 系统 是 从 窄 频 
CDMAOne 数字 标准 衍生 出 来 的 ,可 以 从 原 有 的 CDMAOne 结构 直接 升级 到 3G ,建设 成 本 
低廉 。 但 是 ,关于 使 用 CDMA 的 区 域 较 少 ,因此 CDMA 2000 的 支持 者 不 如 CDMA 多 。 不 
过 ,CDMA 2000 的 研发 技术 却 是 当时 各 标准 中 进度 最 快 的 。 该 标准 提出 了 CDMA 1S95 
(2G)-CDMA 20001x-CDMA 20003x(3G) 的 演进 策略 。CDMA 20001x 被 称 为 2.5 代 移 动 
通信 技术 。CDMA 20003x 与 CDMA 20001x 的 主要 区 别 在 于 CDMA 20003x 应 用 了 多 路 
载波 技术 ,通过 采用 三 载波 使 带宽 提高 。 

3) TD-SCDMA 

TD-SCDMA 全 称 为 Time Division-Synchronous CDMA( 时 分 同步 CDMA) ,该 标准 是 
由 中 国 独自 制定 的 3G 标准 。1999 年 6 月 29 日 .中 国 原 邮电 部 电信 科学 技术 研究 院 (大 唐 
电信 ?向 ITU 提出 该 标准 ,但 该 技术 的 发 明 却 始 于 西门 子 公司 。TD-SCDMA 具有 辐射 低 
的 特点 ,被 誉 为 绿色 3G。 该 标准 将 智能 无 线 、 同 步 CDMA 和 软件 无 线 电 等 当今 国际 领先 技 
术 融 于 其 中 ,在 频谱 利用 率 、 对 业务 支持 的 灵活 性 、 频 率 灵 活性 及 成 本 等 方面 都 具有 独特 优 
势 。 另 外 ,由 于 中 国 庞 大 的 市 场 , 该 标准 受到 各 大 主要 电信 设备 厂商 的 重视 。 全 球 一 半 以 
上 的 设备 厂商 都 宣布 支持 TD-SCDMA 标准 。 该 标准 曾 提出 “不 经 过 2.5 代 的 中 间 环 节 , 直 
接 向 3G 过 渡 ” 的 口号 ,非常 适用 于 当时 GSM 系统 向 3G 的 升级 。 
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4) WiMAX 

WiMAX 的 全 名 是 微波 存 取 全 球 互通 (Worldwide Interoperability for Microwave 
Access) ,又 称 为 802.16 无 线 城 域 网 ,是 一 种 为 企业 和 家 庭 用 户 提 供 “ 最 后 一 英里 ”的 宽带 无 
线 连接 方案 。 将 此 技术 与 需要 授权 或 免 授 权 的 微波 设备 相 结合 的 成 本 较 低 ,因此 会 扩大 宽 
带 无 线 市 场 ,进而 改善 企业 与 服务 供应 商 对 该 技术 的 认 知 度 。2007 年 10 月 19 日 ,国际 电 
信 联 盟 在 日 内 瓦 举行 的 无 线 通信 全 体会 议 上 ,经 过 多 数 国 家 投票 通过 , WiMAX 正式 被 批准 
成 为 继 WCDMA .CDMA 2000 fll TD-SCDMA 之 后 的 第 4 个 全 球 3G 标准 。 


2. 4G 移动 通信 


对 移动 通信 技术 发 展 史 进 行 分 析 , 不 难 发 现 其 中 存在 的 一 些 规律 。 例 如 ,所 有 的 技术 
都 不 会 任 空 出 现 , 除 了 基于 研究 人 员 的 深入 研发 之 外 ,人 们 日 益 增 加 的 服务 需求 也 是 促进 
技术 发 展 的 最 主要 动力 之 一 。 从 2G 到 3G ,移动 通信 技术 的 更 新 速率 呈 加 速度 发 展 的 态 
势 。 目 前 ,业界 .学界 已 经 把 AG 移动 通信 技术 的 研究 和 应 用 发 展 得 如 日 中 天 。 

在 AG 发 展 的 道路 上 ,不 得 不 提 及 LTE(Long Term Evolution, 长 期 演进 )。2004 年 ， 
3GPP 在 多 伦 多 会 议 上 首次 提出 了 LTE 的 概念 ,但 是 它 并 非 人 们 所 理解 的 AG 技术 ,而 是 一 
种 3G 与 4G 技术 之 间 的 过 渡 技术 ,俗称 为 3.9G 的 全 球 标准 。 它 采用 OFDM 和 MIMO 作 
为 其 无 线 网 络 演进 的 唯一 标准 ,改进 并 增强 了 3G 的 空中 接 入 技术 。 

2008 年 6 月 ,3GPP 在 对 LTE 进行 后 续 研发 的 基础 上 ,提出 并 完成 了 LTE-ACLTE- 
Advanced 的 简称 ) 的 技术 需求 报告 ,确定 了 LTE-A 的 最 小 需求 : 下 行 峰值 速率 1Gb/s, 上 
行 峰值 速率 500Mb/s, 上 下 行 峰值 频谱 利用 率 分 别 达到 15Mb/s/Hz 和 30Mb/s/Hz。 与 
ITU 所 提供 的 最 小 技术 需求 指标 相 比 较 , 具 有 非常 明显 的 优势 。 换 名 话说 ,LTE-A 技术 才 
可 以 称 为 真正 的 4G 移动 通信 技术 标准 。 

4G 移动 通信 系统 的 网 络 结构 可 分 为 三 层 : 物理 网 络 层 、 中 间 环 境 层 和 应 用 网 络 层 。 
4G 移动 通信 对 加 速 增长 的 宽带 无 线 连接 的 要 求 提供 技术 上 的 回应 ,对 跨越 公众 的 和 专 
用 的 、 室 内 和 室外 的 多 种 无 线 系统 和 网 络 提供 无 缝 的 服务 。 移 动 通 信 不 断 向 数据 化 、 高 
速 化 、 宽 带 化 频段 更 高 化 的 方向 发 展 。 移 动 数 据 、 移 动 IP 已 经 成 为 未 来 移动 网 的 主流 
业务 。 


3. 5G 移动 通信 


5G 网 络 (5G Network) 的 含义 为 第 五 代 移动 通信 和 网络, 它 的 速度 远 超 4G 网 络 , 大 约 为 
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4G 网 络 速度 的 10 倍 左右 。 从 理论 上 讲 ,5G 传输 速度 的 峰值 可 达到 每 8 秒 1GB。 如 果 一 个 
视频 节目 的 数据 量 为 1GB, 那 么 ,在 5G 网 络 平台 下 则 只 需要 8 秒 即 可 下 载 完毕 。5G 的 到 
来 意味 着 智能 终端 将 跨越 带宽 的 限制 ,在 极速 网 络 下 使 网 络 用 户 任 性 享受 超 高 画 质 .3D FE 
式 的 视频 或 游戏 等 多 媒体 内 容 。 

当前 ,5G 网 络 仍 属于 新 生 事物 , 且 尚 未 普及 ,相关 的 技术 与 标准 仍 在 探索 与 争论 中 。 
5G 网 络 通信 技术 传输 速度 之 快 .传输 性 能 之 稳定 ,传输 技术 之 高 都 是 其 被 专家 视 为 未 来 网 
络 趋势 的 重要 属性 。 然 而 ,5G 网 络 也 同样 面临 着 各 种 安全 问题 。 例 如 ,虚拟 网 络 技术 的 脆 
弱 性 、 计 算 存储 技术 与 设备 更 新 的 困境 ,以 及 网 络 商 务 安全 等 都 是 吸 待 解决 与 攻克 的 难题 。 

此 ,只 有 成 功 规避 5G 网 络 的 安全 问题 ,顺应 技术 与 市 场 的 发 展 规律 ,才能 打造 理想 状态 
的 5G 网 络 ,使 其 迅速 成 为 未 来 网 络 的 主体 。 

相信 , 随 着 5G 移动 通信 技术 的 不 断 发 展 , 未 来 的 人 们 将 可 以 享受 到 更 为 便捷 、 高 效 、 安 
全 的 应 用 服务 。 在 5G 时 代 ,移动 通信 的 终端 设备 也 将 发 生 巨 大 的 变化 。 以 高 质量 多 媒体 
通信 、 低 通信 资费 、 丰 富 的 增值 服务 、 高 智能 化 、 多 平台 运行 为 特征 的 5G 移动 通信 必 将 成 为 
移动 网 络 多 媒体 发 展 的 新 航标 。 


1.2.3 App 的 技术 特点 


在 智能 手机 系统 中 通常 有 两 种 应 用 : 基于 本 地 应 用 的 本 地 应 用 程序 和 基于 高 端 浏览 器 
的 Web 应 用 程序 。 本 机 App 位 于 应 用 程序 的 平台 层 之 上 , 它 的 访问 和 兼容 能 力 强 ,可 以 支 
持 用 户 的 线 上 或 离线 状态 ,消息 发 送 和 访问 本 地 资源 ,及 时 获得 照片 .摄像头 .拨号 语音 、 视 
频 等 功能 。 它 可 以 为 用 户 提供 最 好 的 服务 .最 好 的 界面 .最 舒适 方便 的 交互 ,为 不 同 的 平台 
提供 不 同 的 用 户 体验 ,也 节省 带宽 成 本 。Web 应 用 程序 是 一 个 基于 Web 系统 的 应 用 ,可 以 
很 容易 地 实现 跨 平台 操作 ,用 户 不 需要 下 载 , 可 以 像 网 站 一 样 动态 升级 ,也 可 以 像 Web 一 样 
链接 到 其 他 网 站 ,从 一 个 Web 应 用 跳 到 另 一 个 Web 应 用 ,成 本 相对 较 低 。 混 合 App 是 一 
种 应 用 于 Web 应 用 与 原生 应 用 之 间 的 应 用 ,具有 本 地 应 用 和 Web 应 用 的 联合 优势 ,是 未 来 
发 展 的 主流 。 


1.2.4 Android 开发 工具 介绍 


作为 App 最 为 流行 的 开发 环境 ,Android 拥有 多 样 化 、 多 平台 式 的 开发 工具 ,编程 更 为 
便捷 且 容 易 操作 。 在 市 面 上 应 用 较为 广泛 的 Android 开发 工具 有 Eclipse, Android Studio, 
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Basicdandroid,Gimbal context ware, Titanium SDK 等 ,而 目前 在 业界 最 为 流行 的 是 
Android Studio。 


1. Eclipse 


Eclipse 最 初 是 由 IBM 公司 为 下 一 代 Java IDE 开发 环境 的 商业 软件 所 开发 的 。2001 
年 11 月 ,Eclipse 现 身 于 开放 源码 社区 ,并 为 App 开发 做 出 贡献 ,现在 它 由 非 营 利 软件 供应 
AKHA Eclipse 基金 会 (Eclipse Foundation) 管 理 。 在 2003 年 ,Eclipse 3.0 选择 了 OSGi 服 
务 平台 规范 作为 运行 时 的 体系 结构 。2007 年 6 月 ,稳定 版 3.3 发 布 ; 2008 年 6 月 ,Ganymede 
3.4 版 发 布 ; 2009 年 6 月 ,Galileo 3.5 版 发 布 ; 2010 年 6 月 , Helios 3.6 版 发 布 ; 2011 年 6 
H „Indigo 3.7 版 发 布 ; 2012 年 6 月 ,Luna 4.2 版 发 布 ; 2013 年 6 月 ,Kepler 4.3 版 发 布 ; 
2014 年 6 月 ,Luna 4.4 版 发 布 ; 2015 年 6 月 ,Mars 4.5 版 发 布 。 


2. Android Studio 


2013 年 5 月 16 日 ,在 IO 大 会 上 ,谷歌 推出 了 一 个 新 的 Android 开发 环境 一 一 
Android Studio。 利 用 Android Studio, 开 发 人 员 能 够 看 到 应 用 程序 同一 时 间 在 不 同 尺寸 屏 
幕 上 呈现 的 效果 。Android Studio 通过 对 控制 台 的 改进 ,增加 了 6 个 新 功能 ,包括 优化 技 
巧 ,应 用 翻译 服务 .推荐 跟踪 ,收益 图 、 使 用 版 本 测试 和 周期 特性 。 


3. Basicdandroid 


Basiclandroid 平台 是 一 个 简单 但 功能 强大 的 可 视 化 工具 ,是 可 以 基于 云 计 算 的 
Android 应 用 开发 快速 工具 ,可 以 在 企业 移动 应 用 开发 的 代码 库 中 获得 所 需 程 序 。 
Basic4android 可 用 于 开发 和 测试 数据 库 通 信 , 甚至 可 以 用 于 开发 2D 实时 游戏 。 
Basic4android 与 Google 的 AdMob 数据 库 兼 容 , 开 发 者 可 以 在 其 应 用 中 骨 入 广告 从 而 获得 
收入 。 


4. Gimbal context ware 


Gimbal context ware 是 高 通 实验 室 推出 的 面向 iOS 和 Android 平台 的 SDK(Software 
Development Kit ,软件 开发 工具 包 )。Gimbal 的 内 署 函 数 库 可 以 为 开发 人 员 提 供 特 定 的 位 
置 或 地 理 隔 离 解 决 方案 。Gimbal environmental awareness SDK 帮助 开发 者 为 手机 用 户 提 
供 及 时 和 个 性 化 的 内 容 , 开 发 者 可 以 从 SDK 中 选择 加 入 应 用 程序 。 
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5. Titanium SDK 


Titanium SDK 是 跨 平台 原生 移动 开发 的 API, 它 致力 于 为 开发 者 提供 更 高 级 的 开发 
功能 ,开发 者 可 以 从 用 户 界面 组 件 或 套 接 字 接口 访问 系统 ,进而 使 用 系统 集成 的 原生 特性 
和 功能 。Titanium 的 用 途 是 减少 与 纯 原生 应 用 之 间 的 功能 差异 。 目 前 ,Titanium 支持 
iOS, Android, 黑莓 和 Windows Phone。 此 外 ,Titanium 使 用 一 个 统一 的 JavaScript API Æ 
实现 对 特定 平台 特性 和 本 机 性 能 的 代码 重用 ,大 大 减少 了 开发 人 员 的 工作 时 间 。 


6. Vuforia 


Vuforia 是 一 个 增强 现实 平台 , 它 将 现实 世界 的 物体 转换 成 交互 式 体验 。 该 平台 旨 在 
帮助 开发 人 员 创 建 与 虚拟 对 象 交 互 的 真实 世界 对 象 。 它 利用 家 庭 计 算 技术 实时 识别 和 跟 
踪 图 形 图 像 和 简单 的 3D 图 像 , 使 开发 人 员 能 够 跨越 真实 世界 和 数字 体验 之 间 的 鸿沟 。 
Vuforia 通过 Unity 游戏 引擎 为 CJava、objective-c 和 .NET 语言 提供 了 应 用 程序 的 编程 接 
口 。 因 此 ,Vuforia SDK 支持 iOS 和 Android 原生 开发 ,这 使 得 开发 者 在 开发 Unity 引擎 中 
的 AR 应 用 程序 时 很 容易 迁移 到 iOS 和 Android 平台 。 


1.3 项目 运行 


1.3.1 App 分 类 及 应 用 


在 数字 化 生活 的 今天 ,人 们 的 工作 、 学 习 、 生 活 都 离 不 开 手 机 ,尤其 是 在 移动 互联 网 如 
此 普及 的 中 国 , 手 机 成 了 集 消费 ,娱乐 .学习 等 多 功能 于 一 体 的 “百宝箱 ”, 各 种 类 型 的 App 
随时 帮助 我 们 更 便捷 、 更 有 趣 地 生活 。App 基于 不 同 的 手机 操作 系统 有 不 同 版 本 ,如 苹果 
iOS 系统 兼容 的 ipa pxl deb 格式 ,谷歌 Android 系统 的 APK 格式 等 。 目 前 关注 度 最 高 的 
App 商店 有 Apple 的 App Store, Android 的 Google Play Store 和 Blackberry 的 BlackBerry App 
World。 根 据 ( 互 联网 周刊 ) 发 布 的 2019 年 App 分 类 榜 单 ,其 中 包括 15 大 领域 的 66 个 分 
类 ,如 新 闻 资 讯 App USE App、 聊 天 社交 App、 音 乐 App、 生 活 服务 App 等 多 个 类 目 , 并 且 
每 半年 该 周刊 都 会 根据 这 些 分 类 对 当下 的 App 进行 排名 ,如 表 1-1 所 示 。 
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表 1-1 App 分 类 目录 


App 应 用 App 应 用 App 应 用 App 应 用 
ma | 具体 分类 (IP | gun (IRE | 具体 分 类 | 和 ee | 具体 分 类 
"EN 使 用 小 工具 社交 Dr: 
ARWR 地 图 导航 社区 招聘 
短视 频 。 | 工具 交通 票务 ”| 四 天 社交 - 租房 
aso | 在 线 视频 全 人 应 用 教育 
dus 导购 新 闻 咨询 居家 
音乐 quad NET 医疗 
音乐 电台 mem ”| 新 闻 阅读 体育 &i 
KE 电 商 导购 | 生 鲜 汽车 3k 
E 女性 导购 办 公 家 局 
me BU zh 电话 通信 | 生活 服务 | 心理 咨询 
相机 EI 移动 CRM 家 电 维修 
LT: WAR | pepy | 企业 协同 工作 新 生活 方式 
mE: | prp MNS 企业 社交 旅游 综合 服务 
财经 安全 优化 财务 软件 [TT 
iex 应 用 市 声 物流 信息 平台 城市 出 生 
女性 m B2B 电 商 Dy 
gu u E 小 清新 
ZEUE ak 运动 健康 | 健康 (包括 | 互联 网 + | 商 超 十 百 俩 
儿童 教育 减肥 ) 


伴随 着 移动 互联 网 的 普及 与 创新 应 用 ,中 国 的 社会 化 媒体 格局 也 在 发 生 着 变化 。2018 
年 ,由 Kantar Media CIC( 中 国 领先 的 社会 化 商业 资讯 提供 商 ) 发 布 的 中 国 社会 化 媒体 格局 
概览 较为 准确 地 提炼 出 “复合 媒体 “世代 ”“ 圈 层 营 销 ”、Social GRP 等 多 个 新 鲜 概念 ,勾勒 
出 当今 的 中 国 社会 化 媒体 生态 格局 ,如 图 1-5 所 示 。 在 新 的 生态 格局 下 ,手机 App 的 应 用 
不 曾 缺 席 , 甚 至 在 其 中 占据 十 分 重要 的 位 置 ,并 以 其 所 拥有 的 内 容 有 吸引 力 的 KOL、 有 趣 
的 互动 、 跨 平台 推送 或 投放 完善 着 整个 社会 化 媒体 的 生态 系统 。 


1.3.2. App 的 发 展 趋势 


1. 功能 逐渐 趋向 于 整合 共生 


在 融 媒 体 时 代 , 除 了 媒体 的 融合 共生 ,其 功能 的 融合 也 对 App 的 发 展 起 到 了 至 关 重 要 
的 作用 。 当 下 的 流行 趋势 即 为 超级 应 用 覆盖 人 们 的 日 常生 活 。 以 支付 宝 为 例 , 其 与 淘宝 功 
能 的 融合 使 得 人 们 可 以 在 支付 宝 上 实现 淘宝 的 大 部 分 功能 。 与 此 同时 ,支付 宝 还 专门 预 留 
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图 1-5 2019 年 中 国 社会 化 媒体 格局 概览 


了 其 他 应 用 的 入 口 ,例如 出 租车 、 手 机 充值 ,购买 电影 票 等 服务 。 面 对 这 样 的 发 展 趋势 , 越 
来 越 多 的 应 用 程序 将 通过 超 链接 或 功能 模块 等 方式 嵌入 普通 手机 App 中 。 


2. 设计 理念 逐渐 趋向 于 扁平 化 


扁平 化 设计 (Flat Design) 的 核心 概念 为 去 除 元 余 、 厚 重 和 繁杂 的 装饰 效果 。 其 最 大 的 
优势 在 于 简约 、 符 号 化 和 适应 性 好 。 扁 平 化 设计 在 App 上 的 应 用 主要 体现 在 尽 可 能 减少 按 
钮 和 选项 ,使 得 UI 界面 在 功能 上 更 易 理 解 和 操作 ,在 视觉 上 更 加 干净 和 整齐 , 尽 可 能 降低 
使 用 者 的 认 知 阻碍 。 这 种 设计 理念 已 被 大 量 App 争 相 模仿 与 使 用 ,最 为 典型 的 案例 是 将 苹 
果 公司 的 设计 元 素 移植 到 App 的 界面 设计 中 。 应 该 说 ,扁平 化 设计 对 于 体 量 小 .应 用 性 相 
对 具体 的 移动 App 而 言 是 相得益彰 的 ,简洁 美观 的 视觉 体验 备 受 开发 者 与 用 户 青睐 。 


3. 操作 方法 逐渐 借助 于 辅助 类 小 型 动画 


智能 手机 多 为 大 屏幕 ,没有 按键 。 当 用 户 第 一 次 使 用 它们 时 ,可 能 会 不 知 所 措 。 在 这 
一 点 上 ,辅助 动画 可 以 快速 地 帮助 人 们 理解 使 用 方法 。 在 当前 应 用 程序 中 ,对 于 辅助 性 动 
画 的 应 用 越 来 越 普遍 。 事 实证 明 , 简 明 的 动画 对 于 帮助 用 户 完成 任务 是 很 好 的 方法 ,仅仅 
需要 一 个 动画 示意 就 能 够 为 用 户 提供 操作 上 的 提示 ,使 得 用 户 快速 领会 使 用 要 领 。 
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4. 设计 观念 逐渐 趋 于 人 性 化 


人 性 化 设计 是 一 种 潮流 ,也 是 一 种 理念 。 一 般 而 言 , 人 性 化 设计 是 指 在 设计 过 程 中 , 根 
据 人 的 行为 习惯 、 人 体 的 生理 结构 、 人 的 心理 情况 与 思维 方式 等 ,在 原 有 设计 基本 功能 和 性 
能 的 基础 上 ,对 产品 进行 优化 ,使 体验 者 浏览 和 使 用 起 来 非常 方便 舒适。 对 手机 的 设计 渗 
入 人 性 化 思考 ,其 实 是 对 人 的 心理 ,生理 需求 和 精神 追求 的 满足 ,是 设计 中 的 人 文 关怀 ,是 
对 人 性 的 尊重 。 因 此 ,App 设计 师 应 在 确保 功能 展现 的 同时 .使 人 们 在 进行 深度 人 机 体验 
时 ,感受 对 人 性 的 关怀 。 

综 上 所 述 ,移动 App 的 应 用 大 大 提高 了 我 们 生活 ,学习 和 工作 的 便利 性 ,并 能 够 实现 高 
效 ,简洁 和 高 度 适用 性 。 在 互联 网 飞速 发 展 的 今天 ,移动 App 的 应 用 和 发 展 有 着 广阔 的 前 
景 ,也 对 我 们 的 生活 产生 了 潜移默化 的 影响 。 在 移动 App 发 展 的 过 程 中 ,无 论 是 功能 的 整 
合 化 ,设计 理念 的 扁平 化 ,还 是 操作 方法 的 动画 性 、 设 计 观 念 的 人 性 化 都 在 无 形 地 影响 着 
App 的 发 展 ,最 终 提高 整个 社会 的 数字 化 水 平 。 


14 项目 结 案 


通过 本 项 目的 介绍 ,大 家 对 App 的 概念 .手机 软 硬 件 系 统 的 发 展 . 手 机 的 关键 技术 、 
App 的 技术 特点 .Android FETH App 分 类 及 应 用 以 及 App 的 发 展 趋势 都 有 了 一 个 较 
为 明晰 的 认识 。 这 些 理论 知识 对 我 们 后 面 进行 App 的 开发 具有 十 分 重要 的 指导 作用 , 它 会 
指引 我 们 在 技术 开发 的 时 候 具 有 对 市 场 更 为 理性 的 认 知 ,逐步 提升 对 设计 理念 的 感性 


运用 。 


LS ”项 目 练习 


1. 手机 的 软件 系统 是 如 何 发 展 的 ? 都 经 历 了 哪 几 个 重要 时 期 ? 
2. 移动 App 是 如 何 分 类 的 ? 各 举 一 个 例子 进行 说 明 。 
3. 在 开发 App 时 ,设计 理念 起 到 什么 样 的 作用 ? 请 举例 说 明 。 


> 
项 目 2 d 


搭建 Android 开 发 环境 


2.1 项 目 目标 : 搭建 设计 App 的 Android 开发 环境 


在 移动 数字 生活 时 代 的 当下 ,人 们 对 智能 手机 第 三 方 应 用 程序 (App, 即 Application 的 
简写 ) 的 需求 不 断 升级 ,而 催生 其 发 展 的 各 种 系统 平台 则 各 显 其 能 ,进行 跨越 式 的 革命 。 基 
于 不 同 的 系统 ,用 户 下 载 和 使 用 的 App 的 格式 也 有 所 不 同 。 例 如 苹果 的 (OS 系统 上 兼容 的 
格式 有 IPA, PXL, DEB, Android 系统 上 的 格式 有 APK ,诺基亚 的 S60 系统 上 的 格式 有 
SIS, SISX, JAR. fA 4X fj, Windows Phone 7, Windows Phone 8 系统 上 的 格式 为 XAP， 
BlackBerry 平台 上 的 格式 为 ZIP 等 。 

Android 是 嵌入 式 / 移 动 应 用 开发 平台 的 王者 , 它 具 有 跨 平台 、 运 算 速 度 快 .体积 小 等 特 
征 , 由 其 编写 的 应 用 程序 可 以 轻松 转化 为 各 类 系统 平台 上 兼容 的 格式 。 不 仅 如 此 ,具有 
Java 编程 经 验 的 程序 员 占 领 了 移动 开发 中 绝 大 部 分 的 市 场 比例 ,并 且 , 具 备 Java 编程 能 力 
就 相当 于 拥有 了 一 把 万 能 钥匙 ,十 分 有 助 于 理解 其 他 平台 的 程序 编写 。 

本 项 目的 项 目 目标 为 搭建 设计 App 的 Android 开发 环境 ,请 大 家 跟随 项 目的 流程 与 
具体 执行 步骤 搭建 开发 环境 ,为 App 的 设计 与 调试 提供 一 个 运行 顺畅 .界面 友好 的 软件 
平台 。 
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2.2.1 Android 的 体系 介绍 


Android 一 词 最 早出 现 于 法 国 作 家 利 尔 亚当 (Auguste Villiers de l'Isle-Adam) fE 1886 
年 发 表 的 科幻 小 说 《未 来 夏娃 》(CL'eue future) 中 。 他 将 外 表 像 人 的 机 器 起 名 为 Android, 
2007 年 11 月 5 日 ,Google 宣 布 Android 为 基于 Linux 平台 的 开源 手机 操作 系统 的 名 称 , 该 
平台 由 操作 系统 、 中 间 件 、 用 户 界面 和 应 用 软件 组 成 。 

Android 的 系统 架构 和 其 操作 系统 一 样 , 采 用 了 分 层 的 架构 。 从 系统 的 架构 来 看 ， 
Android 分 为 4 层 ,从 高 层 到 低层 分 别 是 应 用 程序 层 、 应 用 程序 框架 层 、 系 统 运行 库 层 和 
Linux 内 核 层 ,如 图 2-1 所 示 。 


应 用 程序 
本 地 链接 电话 浏览 加 
| 应 用 程序 柜 架 OOO O O O O oo 


活动 管理 者 ] | 窗口 管理 者 (nanna) ( aans ) [mim ] 


包 管理 者 】 [ 技术 管理 者 ] [ 资源 管理 者 ) ( 本 地 管理 者 ] [xMPP 服 务 器 ] 


too 安 卓 运行 时 间 
i 
| (poama 
OpwGues J ( ams ] (marnm) i f Daem 


Linux 内 核 
显示 驱动 器 | | 相机 驱动 器 ] | 蓝牙 驱动 器 】 [ 内 存 驱动 器 | [Binderg 动 器 ] 


usa) 【 键盘 驱动 器 ] (wira) [ 声音 驱动 器 ] 【 动力 管理 者 ] 


图 2-1 Android 的 系统 架构 
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1. 应 用 程序 


Android 会 和 一 系列 核心 应 用 程序 包 一 起 发 布 ,该 应 用 程序 包 包括 客 户 端 \SMS 短 消息 程 
序 .日 历 .地 图 、 浏 览 器 ,联系 人 管理 程序 等 。 所 有 的 应 用 程序 都 是 使 用 Java 语言 编写 的 。 


2. 应 用 程序 框架 


开发 人 员 可 以 完全 访问 核心 应 用 程序 所 使 用 的 API 框架 。 该 应 用 程序 的 架构 设计 简 
化 了 组 件 的 重用 ,任何 一 个 应 用 程序 都 可 以 发 布 它 的 功能 块 , 且 任何 其 他 的 应 用 程序 都 可 
以 使 用 其 所 发 布 的 功能 块 (不 过 要 遵循 框架 的 安全 性 )。 同 样 , 该 应 用 程序 重用 机 制 也 使 用 
户 可 以 方便 地 替换 程序 组 件 。 

隐藏 在 每 个 应 用 程序 后 面 的 是 一 系列 的 服务 和 系统 ,其 中 包括 丰富 又 可 扩展 的 视图 
(Views), 它 可 以 用 来 构建 应 用 程序 ,包括 列表 (Lists) 、 网 格 (Grids) ,文本 框 (Text Boxes), 
Ti fll Buttons) ,其 至 还 可 相信 的 Web 浏览 器 。 

应 用 程序 框架 主要 包括 内 容 提供 器 ,资源 管理 器 、 通 知 管理 器 、 活 动 管理 器 几 部 分 。 具 
体 功 能 如 下 。 

内 容 提供 器 (Content Providers) 使 得 一 个 应 用 程序 可 以 访问 另 一 个 应 用 程序 的 数据 
(例如 联系 人 数据 库 ) ,或 者 共享 它们 自己 的 数据 。 

资源 管理 器 (Resource Manager) 提 供 非 代 码 资源 的 访问 ,例如 本 地 字符 串 、 图 形 和 布局 
文件 (Layout Files) 。 

通知 管理 器 (Notification Manager) 使 得 应 用 程序 可 以 在 状态 栏 中 显示 自 定义 的 提示 


信息 。 

活动 管理 器 (Activity Manager) 用 来 管理 应 用 程序 生命 周期 并 提供 常用 的 导航 回 退 
功能 。 

3. 系统 运行 库 


Android 包含 一 些 C/C++ 库 , 这 些 库 能 被 Android 系统 中 不 同 的 组 件 使 用 。 它 们 通过 
Android 应 用 程序 框架 为 开发 者 提供 服务 。 以 下 是 一 些 核心 库 。 

CD 系统 C 库 : 一 个 从 BSD 继承 而 来 的 标准 C. 系统 函数 库 (libc) , 它 是 专门 为 基于 
Embedded Linux 的 设备 定制 的 。 

(2) 媒体 库 : 基于 PacketVideo OpenCORE ,该 库 支 持 多 种 常用 音频 、 视 频 格式 的 回放 
和 录制 ,同时 支持 静态 图 像 文件 。 其 编码 格式 包括 MPEG4, H.264, MP3, AAC, AMR, 


Qe 
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JPG, PNG. 

(3) Surface Manager: 对 显示 子 系统 的 管理 ,并 且 为 多 个 应 用 程序 提供 了 2D 和 3D 图 
层 的 无 颖 融合 。 

* LibWebCore 是 一 个 最 新 的 Web 浏览 器 引擎 ,支持 Android 浏览 器 和 一 个 可 艇 入 的 
Web 视图 。 


4. Linux 内 核 


Android 的 核心 系统 服务 基于 Linux 2.6 内 核 ,例如 安全 性 、 内 存 管理 、 进 程 管理 网络 
协议 栈 和 驱动 模型 等 都 依赖 于 该 内 核 。Linux 内 核 同 时 也 作为 硬件 和 软件 栈 之 间 的 抽象 
层 , 它 可 隐藏 具体 硬件 细节 而 为 上 层 提供 统一 的 服务 。 


2.2.2 Android 的 安装 文件 介绍 


在 配置 Android 环境 的 过 程 中 ,Android SDK(Software Development Kit ,软件 开 发 工 
具 包 ) 是 核心 的 软件 开发 工具 包 , 有 了 它 才 能 够 完成 程序 的 编写 与 运行 。 因 此 ,深入 了 解 这 
个 安装 文件 的 内 部 结构 与 相关 要 点 是 能 够 正确 掌握 Android 程序 设计 的 关键 。 下 面 一 起 
查看 并 分 析 Android SDK 的 相关 内 容 。 


1. Android SDK 的 结构 


在 安装 Android SDK 后 ,就 可 以 在 安装 目录 中 看 到 其 
结构 ,如 图 2-2 所 示 。 

(1) add-ons: 该 文件 夹 中 包含 大 量 的 附加 库 , 例 如 
Google Maps 等 。 

(2) build-tools: 该 文件 夹 中 包含 Android 开发 所 需 
的 构件 工具 ,下 载 并 解压 后 .将 解压 出 的 整个 文件 夹 ,复制 
或 者 移动 到 build-tools 文件 夹 中 即 可 。 

(3) docs: 该 文件 夹 中 包含 Android SDK API 的 参考 
文档 与 说 明文 档 , 所 有 的 API 都 可 以 在 这 里 查 到 。 

(4) extras: 该 文件 夹 中 包含 与 Android 开发 的 相关 文件 ,其 中 最 为 重要 的 是 Android 
下 support 包 与 Google 下 的 工具 和 了 驱动。 

(5) platform-tools: 该 文件 夹 中 包含 在 各 平台 下 可 以 应 用 的 工具 。 


Android SDK 的 结构 目录 


. i hirs aea 
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(6) platforms: 该 文件 夹 包含 每 个 平台 SDK 的 相关 文件 ,其 中 包括 font F), res 
源 )、demo( 模 板 ) 等 。 在 platforms 文件 夹 中 有 一 个 名 为 “android.jar” 的 压缩 包 ,将 其 解压 
缩 后 ,能 够 更 清楚 地 了 解 API 的 结构 与 组 织 方式 。 

(7) samples: 该 文件 夹 中 是 SDK 自 带 的 案例 示范 项 目 文件 ,开发 者 可 以 根据 案例 来 自 
学 与 查看 演示 效果 。 

(8) sources; 该 文件 夹 用 来 放置 API 的 源 代码 , 若 将 源 代码 与 具体 项 目 进行 关联 , 则 可 
以 通过 单 击 类 名 查看 其 代码 的 实现 。 

(9) system-images: 该 文件 夹 中 包含 所 有 的 系统 图 片 。 

(10) temp: 该 文件 夹 用 于 存放 系统 中 的 临时 文件 。 

(11) tools: 该 文件 夹 中 包含 SDK 中 重要 的 工具 文件 。 


2. SDK 文档 


大 家 刚 开始 接触 Android 时 ,需要 有 相关 的 帮助 文档 给 予 结构 与 组 织 上 的 解释 和 说 
明 , 其 中 尤为 重要 的 就 是 SDK XP SDK 文档 存放 在 *C: \ Program Files\ Android\ 
android-sdk-windows\docs” 下 的 index.html 网 页 中 。 在 该 页 面 中 ,以 超 链接 的 形式 将 各 种 
应 用 与 工具 捆绑 在 一 起 ,方便 开发 者 查找 与 使 用 ; 顶端 有 HOME( 首 页 )、SDK( 软 件 开 发 工 
具 包 ) ,Dev Guide( 指 南 )、Reference( 相 关 )、Videos( 视 频 )、Blog( 博 客 ) 等 链接 , 左 侧 为 顶端 
下 的 细 分 帮助 目录 ,如 图 2-3 所 示 。 与 此 同时 ,用 户 也 可 以 在 页 面 的 右上 角 输 入 需要 搜索 的 
相关 内 容 , 从 而 进行 快速 搜索 。 


m. m App 


á . Components 
a 


图 2-3 SDK 帮助 文档 索引 页 面 
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在 本 书 中 ,所 有 实例 均 通 过 计算 机 完成 模拟 环境 的 配置 ,并 利用 安装 在 计算 机 上 的 模 
拟 器 来 演示 效果 及 交互 情况 。 在 通常 情况 下 ,配置 Android 的 开发 环境 分 4 步 进行 ,如 图 2-4 
所 示 。 


2.3.1 安装 JDK 


1. 下 载 JDK 


JDK(Java Development Kit) 是 Sun Microsystems 针对 Java 程序 开发 的 产品 。 自 从 
Java 推出 以 来 ,JDK 已 经 成 为 使 用 最 广泛 的 Java SDK。JDK 是 整个 Java 的 核心 ,包括 Java 
运行 环境 、Java 工具 和 Java 基础 类 库 。 学 习 JDK 是 学 好 Java 的 第 一 步 。 从 Sun 公司 的 
JDK 5.0 开始 ,提供 了 泛 型 等 非常 实用 的 功能 ,其 版 本 也 在 不 断 更 新 ,运行 效率 也 得 到 了 显 
著 的 提高 。 目 前 比较 流行 的 版 本 为 Java SE 12。 

获取 JDK 的 方式 为 通过 Oracle 的 官网 下 载 ,其 网 址 为 http://www. oracle. com/ 
technetwork/java/javase/downloads/index.html。 如 图 2-5 所 示 , 单 击 图 标 进入 下 载 区 域 ， 
再 根据 所 使 用 的 操作 系统 与 计算 机 位 数 来 选择 不 同 的 下 载 版 本 ,如 图 2-6 所 示 。 本 书 实例 
采用 基于 Windows 64 位 操作 系统 的 jdk-12_windows-x64_bin.exe 版 本 。 注 意 ,如 果 程 序 
开发 是 基于 Linux 系统 , 则 选择 相应 版 本 下 载 即 可 。 
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[Gee Downloads | Documentation.) Communi | Technologies. Tang. 


Java SE Downloads 


单 击 进入 
下 载 区域 


Java Platform (JDK) 12 


Java Platform, Standard Edition 


Java SE 12 
Java SE 12 is the latest release for the Java SE Platform 
Learn more » 
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Java SE Development Kit 12 


You must accept the Oracle Technology Network License Agreement for Oracle Java SE to 
download this software. 


Thank you for accepting the Oracle Technology Network License Agreement for Oracle 
Java SE; you may now download this software. 


File Size Download 


154.11 MB Sjdi-12 linux-x64 bin deb 
16253 MB &jdk-12 linuxx64 bin.rpm 
18121MB Sjdi-12 linux-x64 bin lar gz 


图 2-6 选择 不 同 操作 系统 下 的 JDK 


2. 安装 JDK 


下 载 后 的 jdk-12_ windows-x64 bin. exe. 图标 为 转 , 双 击 进 入 安装 环节 ,如 图 2-7 


所 示 。 


单 击 “ 下 一 步 ” 按 钮 ,进入 “* 自 定义 安装 ”界面 ,可 以 在 列表 中 选择 要 安装 的 功能 ,并 指定 
安装 位 置 ,如 图 2-8 至 图 2-10 所 示 。 注 意 , 大 家 要 牢记 当前 的 安装 位 置 ,以 便 完成 后 面 对 于 


环境 变量 的 设置 。 


3. 环境 变量 的 设置 


JDK 是 Java 的 运行 环境 ,没有 安装 JDK 便 无 法 测试 Java 程序 。 为 了 保证 后 续 安装 程 
序 编辑 器 及 相关 插件 时 的 运行 效果 ,避免 由 于 没有 自 带 JDK 的 安装 包 而 缺少 运行 环境 , 建 


议 使 用 者 在 这 一 步 就 对 环境 变量 进行 配置 。 
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欢迎 使 用 Java SE Development Kit 8 Update 45 的 安装 向 号 


Development Kit 8 Update 45 安装 程序 正在 准备 安装 向 导 , 它 将 指导 您 完成 
和 请 稍 候 。 


图 2-7 JDK 的 安装 向 导 界 面 


中 您 可 1 
NERA 癌 先 功能。 您 可 以 在 安装 后 使 用 控制 面板 中 的 "添加 / 侧 队 程序" 


i 


安装 到 : 
C:\Program Fies (v86)Vavaydk1.8.0_45\ 


图 2-8 “ 自 定义 安装 "界面 


三 十 亿 设 备 在 运行 Java 


Java 安装 - 进度 - a 


图 2-9 显示 安装 进度 
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Java SE Development Kit 8 Update 45 已 成 功 去 装 


Sere ioi, A 文档 , 开发 人 员 指南 , 发 布 说 明 及 更 多 内 容 , 帮助 您 
开始 使 用 ]DK。 


[Easan | 
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右 击 “我 的 电脑 ”, 在 弹出 的 菜单 中 选择 “属性 ?命令 ,弹出 “系统 属 性 ?对 话 框 ,如 图 2-11 


所 示 。 
sium [x 
计算 机 名 | 看 件 _] 高 级 “| 系统 保护 | 运程 | 
要 进行 大 多 数 更 改 ， 您 必须 作为 管理 员 登 录 。 
pom 处 理 器 计划 ， 内 存 使 用 ， 以 及 虚拟 内 存 
| 
ROSE 
与 您 登录 有 关 的 桌面 设 轩 
启 = 各 坟 障 恢 夏 
系统 启动 、 系 统 兴 败 条 二 信息 


(mmo ) 


= J 


图 2-11 “系统 属性 ”对话 框 


选择 “高 级 ”选项 卡 , 单 击 “ 环 境 变 量 ” 按 钮 ,出 现 “ 环 境 变量 ”对 话 框 ,如 图 2-12 所 示 。 在 
“系统 变量 ”选项 组 中 单 击 “ 新 建 ”按钮 ,弹出 “新 建 系统 变量 "对话 框 ,在 “变量 名 ”文本 框 中 
输入 "JAVA_HOME”, 如 图 2-13 Bron o 

在 “变量 值 ” 文 本 框 中 输入 JDK 的 安装 路 径 %C:\Program Files\Java\jdk-12”, 如 
图 2-13 所 示 。 如 果 在 “变量 值 > 文 本 框 中 还 有 其 他 路 径 , 不 用 删除 ,用 分 号 隔 开 后 再 将 JDK 


a 
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XUSERPROPTLEX\ AppData\Local \Tenp 
WUSERPROFILEX\AppData\Local\Tenp 


(sab OO... | (EE... | 


系统 变量 5) 


zE 值 

MIDAPPSDKROOT C:\Program Files\NID APPA 
CLASSPATH :C:\Progran Files\Apache Softy. 
ConSpee C:\Windows\systen32\cnd exe 
remmer m 


(seo...) wio.) 


图 2-12 “环境 变量 "对话 框 


JAVA HOME 


变量 值 为 安装 
JDK 的 位 置 


CNProgram Files\Java\jdk-12 


图 2-13 “新 建 系统 变量 "对 话 框 


的 位 置 输入 即 可 。 
最 后 , 单 击 “确定 ”按钮 完成 环境 变量 的 配置 。 


4. 运行 环境 的 测试 

在 成 功 安装 JDK 并 调整 环境 变量 后 ,还 需要 对 运行 环境 进行 测试 。 

选择 “开始 "|1“ 程 序 ”1“ 附 件 ”|“ 命 令 提 示 符 ”命令 ,打开 命令 提示 符 窗口 ,如 图 2-14 
所 示 。 


在 光标 位 置 输入 命令 “java -version”。 
注意 : java 与 -之 间 是 空格 ; Windows 7 以 上 的 操作 系统 ,可 以 用 Win 十 R 键 调 出 命令 


提示 符 窗口 。 
按 Enter 键 后 ,能 够 看 到 测试 效果 ,如 果 出 现 图 2-15 中 关于 JDK 版 本 的 文字 显示 , 则 说 


明 安 装 成 功 。 


23) 
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图 2-14 命令 提示 符 窗口 


版 本 显示 


图 2-15 测试 效果 


2.3.2 ”安装 Android Studio 


完成 第 一 步 开 发 环境 的 配置 后 ,就 应 该 安装 文本 编辑 器 了 。 为 了 能 够 提高 开发 效率 ， 
简化 开发 流程 , 对 于 程序 的 编写 与 测试 一 般 需 要 采用 集成 开发 环境 (Integrated 
Development Environment,IDE, 可 辅助 开发 程序 的 应 用 软件 )。 对 于 Java 程序 的 开发 有 多 
款 应 用 软件 可 以 完成 ,例如 早期 的 Java Workshop、Borland 的 JBuilder, 后 期 Oracle 的 
Developer 等 ,当下 最 为 流行 的 是 Google 公司 的 Android Studio 

在 Google 2013 年 I/O 大 会 上 ,Android Studio 这 款 开发 工具 被 首次 公布 , 它 的 出 现 是 
为 了 方便 开发 者 基于 Android 系统 进行 开发 。 首 先 ,Android Studio 解决 了 多 分 辨 率 的 问 
题 。Android 设备 拥有 大 量 尺寸 和 分 辨 率 的 屏幕 ,依托 Android Studio 平台 ,开发 者 可 以 很 
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方便 地 调整 在 各 个 分 辩 率 设备 上 的 应 用 。 同 时 ,Android Studio 还 解决 了 语言 问题 ,多 语言 
版 本 (但 是 没有 中 文 版 本 )、 支 持 翻译 都 让 开发 者 更 适应 全 球 开发 环境 。Android Studio 还 
提供 收入 记录 功能 与 Beta Testing 的 功能 。 


1. 下 载 Android Studio 


输入 网 址 “http: //www.android-studio.org/index.php”, 根 据 个 人 计算 机 的 位 数 ,选择 


单 击 Windows (32-bit) 或 Windows (64-bit) 进 入 下 载 页 面 ,如 图 2-16 所 示 。 


Android Studio 的 最 新 版 本 为 “3.2”, 进 行 下 载 。 
立即 开始 使 用 Android Studio 


Android Studio 包含 用 于 构建 Android 应 用 所 需 的 所 有 工具 . 


ANDROID STUDIO 


WINDOWS 64-BIT ( 


选择 其 他 平台 

Android studio 
Package 
android-studio-ide- 
181.5014246- 
windows.exe 
Windows Recommended 


Platform 


(64-bit) — android-studio-ide. 
181.5014246- 
windows.zip 
No exe installer 


181.5014246. 
windows32.zip 
No .exe installer 


android-studio-ide 
181.5014246-mac.dmg 


android-studio-ide- 
181.5014246-linuxzip 


WSR Android Studio 发 行 说 明 。 


2. 安装 Android Studio 


"ES : 320 
“发 布 日 其 : SEPTEMBER 2018 


SHA-256 checksum 


978673a7babf51a9dca67729213c178995c1039a496dc1dfccb4c095b842c753 


0a301ae52a41f0a55d10e78f8390b931abd6eb31af932a520738438d0d6bcfe9 


e28a862663ae90cbge329ce69cfd31306b7933afl0ed06e428a8c31900ed2ef0 


33499a64970bf97d95a3bb27ebe571a56cee77510fa8a6d4745d6fbc24d252e1 


e671d48cad66589860c510871167309b88c3f1f5e22a691cba053764c11a2a6c 


图 2-16 Android Studio 的 版 本 选择 页 面 


之 后 检测 到 


本 机 位 数 
的 版 本 进 
行 下 载 


下 载 Android Studio 后 ,可 直接 双击 安装 文件 运行 软件 ,进入 运行 页 面 ,如 图 2-17 


所 示 。 


单 击 Next 按钮 ,进入 Choose Components 界面 ,其 中 Android Studio 为 必 选 项 ， 
Android SDK 和 Android Virtual Device 两 项 建议 勾 选 ,如 图 2-18 所 示 。 
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证 Android Studio Setup ie z 


Welcome to Android Studio Setup 


Setup wil guide you through the installation of Android 
Studio. 


Itis recommended that you dose all other applications 
before starting Setup. This will make it possible to update 
relevant system fles without having to reboot your 
computer. 


Click Next to continue. 


图 2-17 Android Studio 运行 界面 


i$ Android Studio Setup - x 


Choose Components. 
Choose which features of Android Studio you want to install. 


Check the components you want to install and uncheck the components you don't want to 
install. Cick Next to continue. 


Select components toinstal: |- MEETA ] arnas 
Android SOK 
Android Virtual Device 
[V] Performance (Intel® HAX| 
Space required: 3.9GB 
< > 


<Bak | next> | | cen 


Æ 2-18 Android Studio 的 Choose Components 界面 


单 击 Next 按钮 ,进入 License Agreement 界面 ,如 图 2-19 所 示 。 然 后 单 击 I Agree fk 
钮 ,进入 Configuration Settings 界面 ,为 Android Studio 和 Android SDK 选择 安装 目录 。 
在 默认 情况 下 ,系统 会 自动 为 其 选择 C 盘 指 定位 置 来 安装 。 如 果 和 希望 安装 到 其 他 空间 或 更 
大 的 磁盘 中 , 则 自行 指定 安装 目录 即 可 ,如 图 2-20 所 示 。 
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| 4& Android Studio Setup - x 


License Agreement. 
»X Please review the icense terms before instaling Android Studio. 


Press Page Down to see the rest of the agreement. 


is the Android SDK License Agreement (the "License Agreement"). 


1. Introduction. 


1. 1 The Android SOK (referred to in the License Agreement as the "SOK" and specifically 
the Android system fles, packaged APIs, and SOK lbrary fles and tools , if and 
they are made available) is Kcensed to you subject to the terms of the License. 
l. The License Agreement forms a legally binding contract between youand w 


If you accept the terms of the agreement, dick I Agree to continue. You must accept the 
agreement to install Android Studio. 


[ «Bk |[ rage Cancel 


2-19 License Agreement 界面 


a Android Studio Setup I x 
Configuration Settings. 
Install Locations. 
Android Studio Instalaton Location. 
The location specified must have at least SOOMB of free space. 
Chick Browse to customize: 
C:Program Fles Android Android Studo Ce 
Android SDK Installation Location. 
The location specified must have at least 3.2GB of free space. 
Chick Browse to customize: 
|C:VUsers uhongfeng MopData Vocal ndroid sd | Browse... 
«Bak || next> Cancel 


图 2-20 Configuration Settings 界面 


单 击 Next 按钮 ,进入 Choose Start Menu Folder 界面 ,为 Android Studio 设置 “开始 ” 
菜单 文件 夹 的 名 字 ,一 般 会 自动 默认 为 Android Studio, 无 须 修改 ,直接 单 击 Install 按钮 安 
装 即 可 ,如 图 2-21 所 示 。 

进入 Installing 界面 ,Android Studio 开始 安装 ,并 以 进度 条 的 形式 显示 ,如 图 2-22 
所 示 。 
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Select the Start Menu folder in which you would ike to create the program's shortcuts. You 
can also enter a name to create a new folder. 


图 2-21 Choose Start Menu Folder 界面 


图 2-22 Installing 界面 


在 Android Studio 安装 完成 后 , 单 击 Next 按钮 ,进入 Completing Android Studio 
Setup 界面 , 单 击 Finish 按钮 ,完成 Android Studio 的 安装 ,并 开启 Android Studio, 如 
图 2-23 所 示 。 


2.3.3 ”配置 Android SDK 


在 正式 启动 Android Studio 之 前 ,建议 大 家 为 Android Studio 配置 SDK。 具 体 的 配置 
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/*: Android Studio Setup le 


Completing Android Studio Setup 


Android Studio has been installed on your computer. 
Cidk Finish to dose Setup. 


VI Start Android Studio 


Android 


Æ 2-23 Completing Android Studio Setup 界面 


方法 十 分 简单 , 即 找到 Android Studio 的 安装 目录 ,打开 bin 文件 夹 下 的 idea. properties X 
件 , 如 图 2-24 所 示 ,采用 文本 编辑 工具 (例如 记事 本 、 写 字 板 等 ) 打 开 该 文件 ,并 在 文本 的 最 
后 添加 一 句 代码 (如 图 2-25 所 示 )。 


disable. android. first. run = true 


EN c 9 s: 
» 日 X ma Ld x i] n TAPE - [9 Bm Hess 
- [E = 9 pansa- T 全 部 取消 
复制 onde 移动 到 mus e Eez o sdb ue 
Ig tese z d g i z x 
© © ~ t J» HAN» OS (C) » Program Files » Android » Android Studio » bin » 

Ji Program Files ^ [] £f » [iz] mm 大 小 

J Adobe Œ append 2017/11/10 1026 — Windows 1KB 

点 Android D appletviewer.policy 17/11/10 10:26 POLICY 文件 1KB 

Ji CMBCHINA 图 breakgen dil 7/11/10 10:26 68 KB 

|| Common Files 司 breakgen64.dll 2017/11/10 10:26 79 KB 

ki Corel 他 focuskiller.dll 2017/11/10 10:26 37 KB 

Ji biFX 图 focuskiler64dl 11/10 10:265 43 KB 

Ji Genymobile Fl] format. 11/10 10:26 1KB 

Ji Hewlett-Packar. 83 fsnotifier. 11/11 401 70KB 

d IDT 2017/11/11 4:01 应 用 程序 111 KB 

Ji Intel 2018/5/17 22:21 PROPEI 12 KB 

点 Internet Explor 8 IdeaWin32.dll 2017/11/10 10:26 72 KB 

Ji Java 4j IdeaWin64.dil 1/11/10 10:26 84 KB 

JÌ KNIME 2.104 2017/11/10 1025 1KB 

Ji Maxon /11/10 10:26 54 KB 

点 Microsoft Offic 17/11/10 10:26 61 KB 

点 MSBuild /11/10 10:26 3KB 

点 Nuke6.3v4 2017/11/11 4:01 86 KB 

B Reference Asse 2017/11/11 4:01 105 KB 

点 SAMSUNG 2017/11/10 10:26 5 KB 


= 
y 
È 
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注意 : 在 对 idea.properties 文件 进行 重新 编辑 时 ,可 能 会 由 于 管理 员 权 限 的 问题 而 无 
法 保存 新 文件 。 这 时 将 修改 后 的 文件 复制 粘贴 到 其 他 目录 下 ,然后 将 原来 的 文件 删除 ,再 
将 新 文件 拖 回 到 bin 文件 夹 下 即 可 。 


ZAO SEO fex) ESV SWH 
# 
#* Adds on-demand horizontal scrollbar in editor. 

# The horizontal scrollbar is shown only when it's actually needed for currently visible content. 

# This helps to save editor space and to prevent occasional horizontal "jitter" on vertical touchpad scrolling. 
# This feature can be toggled via "idea.true.smooth.scrolling.dynamic.scrollbars" option. 

H - 

ffidea.true.smooth.scrolling-true 


# IDEA can copy library .jar files to prevent their locking. 

# By default this behavior is enabled on Windows and disabled on other platforms. 
# Uncomment this property to override. 

和 Em e. = 

# idea.jars.nocopy-false 


Bs a 
4 The option value to be used to start a ebug mode. 
# Some JREs define it in a different way (-XXdebug in Oracle VM) 


# Change to 'enabled' if you want to receive instant visual notifications 
# about fatal errors that happen to an IDE or plugins installed. 


idea.fataLerror.notification-disabled 


Idisable.android.first.run-true| 


图 2-25 添加 代码 


2.3.4 安装 AVD 


在 使 用 Android Studio 进行 程序 编写 时 ,需要 用 模拟 器 来 显示 程序 效果 ,这 就 需要 为 
Android 配置 安 卓 虚拟 设备 , 即 A VDCAndroid Virtual Device), 

首先 启动 Android Studio, 由 于 是 第 一 次 启动 ,所 以 会 出 现 Android Studio 开启 方式 的 
选项 窗口 , 单 击 Start a new Android Studio project 选项 ,如 图 2-26 所 示 , 进 入 Android 
Studio 的 主 界面 。 以 上 步骤 操作 一 次 后 ,再 启动 Android Studio 时 , 便 会 自动 进入 上 一 次 
编辑 的 Android 项 目 中 。 
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e 


Android Studio 


Version 3.5.1 


十 Start a new Android Studio project 

入 Open an existing Android Studio project 

H Check out project from Version Control r 
[€ Profile or debug APK 

LÉ Import project (Gradle, Eclipse ADT, etc.) 


Df Import an Android code sample 


XX Configure v Get Help v 


图 2-26 Android Studio 开启 方式 的 选项 窗口 
然后 ,为 了 创建 AVD, 单 击 Android Studio 工具 栏 中 的 AVD Manager 按钮 ,如 图 2-27 
所 示 ,并 在 弹出 的 Android Virtual Device Manager 窗口 中 单 击 十 Create Virtual Device 按 
钮 ,如 图 2-28 所 示 。 随 即 弹 出 Virtual Device Configuration 窗口 ,可 以 选择 设备 定义 ,包括 
设备 类 型 .型 号 .尺寸 ,分辩 率 、 像 素 等 信息 ,如 图 2-29 所 示 。 


Ele Edit View Navigate Code Analyze Refactor Build Run Tools VCS Window Help 
€ OG eo apr [jPxl3aXLAPI22 v P C —* $ 6 0 di " «414 Gtv 7 05S wm naQa 


图 2-27 单 击 AVD Manager 按钮 


在 选 定 设备 后 单 击 Next 按钮 ,进入 System Image 界面 ,选择 一 个 API Level。 如 果 
它 并 未 安装 过 , 则 会 出 现 null Download 字样 , 单 击 Download 按钮 , 便 会 弹出 API 的 安 
装 许可 界面 , 单 击 Accept 按钮 确定 快速 安装 SDK ,再 单 击 Finish 按钮 完成 API 组 件 的 

在 组 件 安装 完成 后 ,再 次 进入 Android Virtual Device Manager 界面 ,能 够 看 到 已 经 配 
置 成 功 的 模拟 器 。 单 击 国 按钮 运行 该 虚拟 设备 即 可 ,如 图 2-30 所 示 。 
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5 Android Virtual Device Manager 


our Virtual Devices 


(0L L]g m 


Virtual devices allow you to test your application without 
having to own the physical devices. 


十 Create Virtual Device. 


To prioritize which devices to test your application on, visit 
the Android Dashboards, where you can get up-to-date. 
information on which devices are active in the Android and. 
Google Play ecosystem. 


图 2-28 单 击 十 Create Virtual Device 按钮 


9 Virtual Device Configuration x 
Select Hardware 
FX emm 
Choose a device definition 
[h Pixel2 
Category Name * Play Store | Size | Resolution | Density 
v Piel 3 XL 63 1440x2960  560dpi 
osom 
Piel 3 b sæ 1080x2160  440dpi 
Sue: large 
: > Rae long 
Wear os Piel 2 XL 599 1440x2880 — 560dpi bsc 
19209x 
Pixel L4 50 1080x1920 — 420dpi 
Nexus S Ap" 480x800 hdpi 
Nexus One xr 480x800 hdpi 
Nexus 6P sr 1440x2560 — 560dpi 
Nexus 6 596° 1440x2560  S60dpi 
| New Hardware Profile | | Import Hardware Profiles - 8 E Clone Device.. 


图 2-29 选择 设备 
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35: Android Virtual Device Manager - n X 


r Virtual Devices 
" 


Type | — Name Play Store | Resolution | API Target CPU/ABI | SizeonDisk | Actions ] 
CH Pixel 3a XL AP.. 1080 x 2160: ~ 29 Android 10.0.. x86 513MB bsr 


o 
» 


| + Create Virtual Device... 


图 2-30 我 的 虚拟 器 


2.3.5 Android Studio 操作 指南 


1. Android Studio 的 主 菜单 栏 


Android Studio 在 不 同 的 操作 系统 下 有 不 同 版 本 的 安装 程序 ,但 是 其 菜单 栏 的 设置 和 
主要 功能 基本 相同 。 这 里 以 常用 的 Windows 操作 系统 为 例 , 了 解 一 下 Android Studio 的 主 
菜单 栏 选项 。 

Android Studio 的 主 菜 单 栏 选项 包括 File, Edit, View, Navigate, Code, Analyze, 
Refactor, Build, Run, Tools, VCS, Window 和 Help. All kl 2-31 所 示 。Mac 版 本 的 Android 
Studio 还 会 出 现 Android SDK Manager 菜单 选项 。 


® 6.1- [DAppppppppppppp\6.1] - [app] - -\app\src\main\res\layout\activity_main.xml - Android Studio 3.0.1 
[Ele Edit View Navigate Code Analyze Refactor Build Run Tools VCS Window Help 


»uS XONAR eser: 405 E 


图 2-31 Windows 操作 系统 下 Android Studio 的 主 菜单 栏 选 项 
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1) Android SDK Manager 菜单 选项 

在 Mac 版 的 Android SDK Manager 菜单 选项 中 包含 About Android SDK Manager 
(Android SDK Manager 的 介绍 ) , Preferences JB TE) ,Services( 服 务 器 ) „Quit Android SDK 
ManagerGB iH Android SDK Manager) 等 选项 .如 图 2-32 所 示 o 

2) File 菜单 选项 

File 菜单 选项 中 提供 了 对 项 目 文件 的 各 种 操作 ,包括 New (新 建 )、Open (打开 )、 
Settings( 设 置 )、Project Structure( 项 目 结构 )、Save All( 保 存 ) 和 Exit( 退 出 ) 等 ,如 图 2-33 


Bim o 


Edit View Navigate Code Analyze 


Link C++ Project with Gradle 
FP Settings... Ctrl Altes 
ER Project Structure.. Ctri+Alt+Shift+S 
Other Settings , 
Import Settings... 
Export Settings... 
Export to Zip File... 
Settings Repository... 
局 Save All Cres 
T Synchronize Ctrl+Alt+y 
Invalidate Caches / Restart.. 
Android SDK Manager Export to HTML... 
"i print. 
Add to Favorites , 
File Encoding 
Line Separators , 
Make File Read-only 
Power Save Mode 


Exit 


图 2-32 Android SDK Manager 菜单 选项 图 2-33 File 菜单 选项 下 拉 列 表 


在 File 菜单 选项 中 ,较为 重要 的 选项 是 Settings( 设 置 ). 用 户 可 以 通过 该 选项 对 
Android Studio 进行 配置 。 单 击 File 菜单 中 的 Settings 选项 ,弹出 Settings 对 话 框 , 其 中 包 
括 Appearance & Behavior. Keymap, Editor, Plugins. Version Control. Build, Execution, 
Deployment, Languages & Frameworks. Tools. Kotlin Compiler 等 设置 功能 ,如 图 2-34 
所 示 。 

New 选项 为 新 建 ,其 包括 New Project Gir ££ Jii HO , Import Project( 导 入 项 目 )、New 
Module( 新 建 模板 )、Import Module( 导 入 模板 ) 以 及 新 建文 件 夹 .新 建 类 等 多 种 操作 ,如 
图 2-35 所 示 。 
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Personalize IDE appearance and behavior: change themes and font sie, tune the keymap, configure plugins and system settings, 
such as password policies, HTTP proxy, updates and more. 

Appearance. 

Menus and Toolbars 

System Settings 

Fle Colors 


图 2-34 Settings 窗口 


New Project.. 
$ Open... Import Project... 
[E Profile or Debug APK... Project from Version Control , 
Open Recent ， New Module... 
Close Project Import Module... 
Unk C++ Project with Gradle Import Sample... 
FF Settings... Cul+Alt+S fik Kotlin File/Class 


Zi Project Structure.. CteAlteShift«S S$ Values resource file 


© settings.gradle (Project Seting ANEA 

fhi localproperties (SDK Location) E. pae 
Af UI Component 
局 Wear 
A Widget 
Po 


图 2-35 New 选项 下 拉 列 表 
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在 Project Structure 对 话 框 中 能 够 配置 项 目的 SDK、Ads、JDK、NDK 以 及 Authentication、 
Notifications 等 ,如 图 2-36 所 示 。 


Developer Servi... 
Ads 
Authentication 
Notifications 


Ws app 


中 — Modules — 


SDK Location 


Android SDK location: | 
The directory where the Android SDK is located. This location will be used for new projects, and for existing 
projects that do not have a local.properties file with a sdk.dir property. 


CAUsers\Administrator\AppData\Local\Android\Sdk j 


JDK location: 
The directory where the Java Development Kit (JDK) is located. 


Use embedded JDK (recommended) 


DA re 


Android NDK location: 
The directory where the Android NDK is located. This location will be saved as ndkdir property in the 
local.properties file. 


Download Android NDK. | 


ES [ee 


—— 


图 2-36 Project Structure 对 话 框 


Import Settings 选项 能 够 为 用 户 提供 导入 配置 文件 等 功能 ,其 窗口 显示 如 图 2-37 


所 示 。 


3) Edit 菜单 选项 

Edit 菜单 选项 为 用 户 提供 了 Undo (撤销)、Copy CE dil , Paste Oki Wi) , Find (查找 )、 
Macros( 宏 )、Select All( 选 择 ) .Convert Indents( 转 换 缩 进 ) 等 功能 ,如 图 2-38 所 示 。 其 中 ， 
Copy 有 3 种 方式 : Copy Path 意 为 复制 最 近 打 开 的 文件 路 径 ; Copy as Plain Text 意 为 复 
制 无 格式 文本 ; Copy Reference 意 为 复制 引用 。Paste 有 两 种 方式 : Paste from History 意 
为 从 历史 中 粘贴 ; Paste Simple 意 为 粘贴 无 格式 文本 。 


Find 选项 是 一 


个 比较 重要 的 应 用 ,其 中 包括 Find in Path, Replace in Path, Search 


Structurally、Find Usages 等 搜索 和 选择 功能 .如 图 2-39 所 示 。 


项 目 2 ”搭建 Android 开 


| 


[| Select the settings file to import or directory where the file is located. | 


&ce*uux os 


Drag and drop a fie into the space above to quickly locate tin the tee 


图 2-37 Import Settings 对 应 的 窗口 


Encode XML/HTML Special Characters 


2-88 Edit 菜单 选项 下 拉 列表 
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View Navigate Code Analyze Refactor Build Run Tools VCS Window Help 


* Undo Cultz 4 e 
^ Redo Eod Espa > A is 
Xo Cal+X 
回 copy Ctrl+C 
Copy Path Cerl+Shift+C 
Copy as Plain Text 
Copy Relative Path Cerl+Alt+ Shift C 
| Bl Paste. Ctrl+V 
Paste from History... Chr+Shift+V 
Paste Simple CtrieAlteShifte V 
Remove Module Delete. 
& End... Ctrl+F 
Macros b | f& Beplace-. Cul+R 
Select All Ctri+A Find Next / Move to Next Occurrence FR 
Extend Selection CtheW | Find Previous / Move to Previous Occurrence — ShiftsF3 
Shrink Selection. Cti«ShifteW | Find Word at Caret Cris 


Complete Current Statement  Ctrl+Shift+Enter | Select All Occurrences ColsAR+SHR+) 
Join ines. CuisShRe]| Add Selection for Next Occurrence Alte) 
Fil Paragraph Unselect Occurrence AlteShifeel 
Duplicate Line or Selection cr:D Find in Path... Cerl+Shift+F 
Indent Selection Tab Replace in Path... Ctrl+Shift+R 
Unindent Line or Selection ShiftsTab Search Structurally- 
Toggle Case Cirl+Shiftsy Replace Structurally... 
Convert Indents » Find Usages Ak+P7 
Nest Parameter. Tab Find Usages Settings... Ctri+Alt+Shift+F7 
Previous Parameter Shift+Tab Show Usages Ctri+Alt+F7 
Encode XML/HTML Special Characters Find Usages in File Car+F7 
Highlight Usages in File Ctrl e Shits F7 
Recent Find Usages + 


F 2-39 Find 选项 下 拉 列 表 


Macros 选项 为 宏 功 能 ,能 够 帮助 用 户 实现 开启 宏 记 录 ,编辑 宏 等 操作 ,具体 操作 功能 如 
图 2-40 所 示 。 


M] View Navigate Code Analyze Refactor Build Run Tools VCS 


E Bez) vá [3 


Ced+Shif+Z 


Paste from History... Cirle Shift V 
Paste Simple CtrlsAlteShifte V 


Captures — «d 1: Structure. 


图 2-40 Macros 选项 下 拉 列 表 
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4) View 菜单 选项 
View 菜单 能 够 对 视图 进行 操控 ,可 以 帮助 用 户 便捷 地 设置 界面 及 窗口 的 显示 


效果 , 包 


括 Tool Windows( TH. f H1) , Open Module Settings( 打 开 视 图 模板 设置 )、Toolbar( 工 具 栏 
的 视图 设置 )、Enter Full Screen( 设 置 全 屏 ) 等 功能 ,如 图 2-41 所 示 。 基 于 这 些 功 能 ,用 户 能 
够 随意 设置 菜单 栏 .工具 栏 . 导 航 栏 及 窗口 的 显示 方式 与 禁用 与 否 ,这 是 体现 个 性 化 的 功能 


z=. 

5) Navigate 菜单 选项 

Navigate 意 为 导航 ,该 菜单 多 用 于 结构 复杂 、 内 容 丰富 .文件 类 型 多 样 化 的 项 
户 提 供 便于 在 项 目 中 处 理 多 文件 的 操作 ,如 图 2-42 所 示 。 


| sine Iu. ae Rises Bd Rus 1] 


Class... CtrlsN 
Ble.. Ctrl Shift N 
Symbol.. Cirl+Alt+Shift+ N 
4 Back Ctrl e Alte BTE 
*b Forward Cul+Alt+ 向 右 箭头 
Last Edit Location Ctl+Shift+Backspace 


Next Edit Location 


上 


Select In... AlteFl 
Jump to Navigation Bar Alte Home 
Declaration Ctrl+B 
Implementation(s) Ctri+Alt+8 
Type Declaration Cr+Shift+B 
Super Method Cul+U 
Related Symbol... Ctrl Alt Home. 
File Structure Ctrl+F12 
Directory Path Ctrl+Alt+F12 
Imports Hierarchy Alt+Shift+H 
Col+H 
Cl+Shif+H 
Ctrl+Ak+H 
ighlighted Error F2 
Previous Highlighted Error Shi#+F2 
Next Emmet Edit Point At+Shift+ 右 方 括号 
Previous Emmet Edit Point Alt+Shift+ 左 方 括号 
Next Method Alt+ 向 下 箭头 
Previous Method Alt«f ERES 
图 2-41 View 菜单 选项 下 拉 列 表 图 2-42 Navigate 菜单 选项 下 拉 列 表 


在 Navigate 菜单 选项 中 ,Bookmarks 意 为 书签 .用 于 为 某 行 重要 文件 .方法 


目 ,为 用 


\ 代 码 等 


做 标记 ,如 图 2-43 所 示 。 一 般 而 言 ,用 户 在 做 项 目 时 经 常会 回 看 或 反复 查看 某 个 文件 
或 某 个 方法 ,为 了 便于 查看 这 些 访 问 率 较 高 的 文件 ,可 以 使 用 Bookmarks 对 其 进行 
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Code Analyze Refactor Build Run Iools VCS Window Help 
CUN. L4 fon NR S GA? 
Ctrl Shift N 
Ctrl Alte ShifteN. 
Ctrl+Alt+ 向 左 箭头 
Cerl+Alt+ 向 右 征 头 
Ctrl+Shift+Backspace 


Last Edit Location 
Next Edit Location 


Toggle Bookmark D" 
Toggle Bookmark with Mnemonic — Cti«Fll 


Show Bookmarks. 
Next Bookmark 
Previous Bookmark 


Jump to Navigation Bar Shift+Fl1 


Declaration 
lmplementation(s) 


图 2-43 Bookmarks 选项 下 拉 列 表 


6) Code 菜单 选项 

Code 菜单 提供 专门 针对 代码 操作 设置 的 选项 ,其 中 包括 Override Methods( 重 写 方 
法 ) Implement Methods( 实 施 方法 )、Delegate Methods (授权 方法 )、Reformat Code( 重 新 
格式 化 代码 )、Rearrange Code( 重 新 安排 代码 )、Move Line Down( 移 动 代码 行 ) Insert Live 
Template( 插 入 Live 模板 ) 等 操作 ,如 图 2-44 所 示 。 值 得 注意 的 是 ,这 些 对 于 代码 的 控制 一 
般 都 用 于 Java 文件 , 非 Java 文件 不 可 用 。 


FE eu. Refactor Buld Run Tools vcs wi 


Override Methods... Celso 
Implement Methods.. Crisi 
Delegate Methods... 

Generate... Alt+Insert 
Surround With... Ctrl Alt T. 
Unwrap/Remove... Ctrl+Shift+ Delete 
Completion IN 
Folding , 
Insert Live Template... Cle) 
Surround with Live Template... Ctrl Alte) 
Comment with Line Comment Cul $T 
Comment with Block Comment — Ctr«Shift«$HT 
Reformat Code Curl+Alt+L 
Show Reformat Fle Dialog Ctrl+Alt+Shift+L 
Auto-Indent Lines Ctrl+Al+l 
Optimize Imports Curl+Ak+O 
Rearrange Code 

Move Statement Down Ctrl Shift S Fes 
Move Statement Up Ch+Shift+ 向 上 第 头 
Move Element Left Ctrl Alte Shits BEES 
Move Element Right Curl+Akt+Shift+ 向 右 第 六 
Move Line Down Alte Shift« SI FR 
Move Line Up Alt+Shift+ 向 上 第 头 
Update Copyright... 

Convert Java File to Kotlin Fle Ctrl+Alt+Shift+K 


图 2-44 Code 菜单 选项 下 拉 列 表 
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Code 菜单 中 的 Completion 选项 为 用 户 提供 了 多 种 代码 的 实现 方式 ,如 图 2-45 所 示 。 


Analyze Refactor Build Run Tools VCS Window Help 


图 2-45 Completion 选项 下 拉 列 表 


7) Analyze 菜单 选项 


Override Methods. wokan melal? 

Implement Methods.. Coil -— 

Delegate Methods... © Mainactiviy | > 

pis Alteiosea XU] © MainActivityjava » de prop 

Surround With... Ctri+Alt+T 

Unwrap/Remove... Ctrl+Shift+Delete skage com.example.helloworld; 

Basic Ee 

Folding L SmartType Ctrl+Shift+ 空 格 

Insert Live Template... Ctr) Cyclic Expand Word. Alte $341. 
Ctric Alte J Cyclic Expand Word (Backward) Alt+Shift+ SHI 


Analyze 意 为 分 析 代 码 ,该 菜单 为 用 户 提供 了 提高 代码 质量 和 效率 的 多 种 方法 ,包括 
Inspect Code( 检 查 代 码 )、Code Cleanup (清除 代码 )、Analyze Dependencies (深度 分 析 )、 
Analyze Backward Dependencies( 向 后 深度 分 析 )、Analyze Module Dependencies( 模 块 深度 
分 析 ) 等 操作 ,如 图 2-46 所 示 。 


EY e Build Run Tools Ves Window Hd 


Inspect Code. 


Run Inspection by Name... Ctrl Alte Shift«T 
Configure Current File Analysis... Ctrl Alt Shift«H 
View Offine Inspection Results... 

Infer Nulity... 

Show Coverage Data... Ctr Alté FG 
Analyze Dependencies... 

Analyze Backward Dependencies... 

Analyze Module Dependencies... 

Analyze Cyclic Dependencies... 

Analyze Data Flow to Here 

Analyze Data Flow from Here 


Analyze Stacktrace... 


图 2-46 Analyze 菜单 选项 下 拉 列 表 


Inspect Code 选项 对 应 的 对 话 框 能 够 为 用 户 提供 对 整个 项 目 或 部 分 的 检查 ,并 将 检查 


文件 保存 在 指定 位 置 ,如 图 2-47 所 示 。 
8) Refactor 菜单 选项 


Refactor 菜单 为 用 户 提供 了 重 构 的 各 种 方法 与 功能 ,具体 如 图 2-48 所 示 。 
Refactor This 选项 能 够 帮助 用 户 对 项 目 或 其 他 文件 进行 Rename( 重 命名 )、Move( 移 


动 ) .Copy( 复 制 ) 等 操作 ,如 图 2-49 所 示 。 
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本 RE 


Inspection scope 
Q Whole projet 
O Module '6.1' 
O Directory 'I6.1] - ~* 
O eosom scope 
E Include test sources 
Inspection profile 
Project Default Project H 


L EB ee Le) 


图 2-47 Inspect Code 选项 对 应 的 对 话 框 


Build Run Tools VCS Window H 


Rename... Shift+F6 
Change Signature. Cri«F6 
Type Migration... Ctrl Shift« F6 
Make Static... 

Convert To Instance Method.. 

Move... Fé 
Copy-. FS 
Safe Delete... Alts Delete 
Extract » 
Inline... Ctr e AlteN 
Invert Boolean... 


Pull Members Up... 
Push Members Down... 

Use Interface Where Possible... 

Replace Inheritance with Delegation... 
Remove Middleman.. 

Wrap Method Return Value... 

Encapsulate Fields... 

Replace Constructor with Factory Method... 
Generify... 

Migrate... 

Internationalize... 

Convert to Java 

Modularize... 

Remove Unused Resources... 

Inline Style... 

Use Style Where Possible... 

Add RTL Support Where Possible... 5. Remove Unused Resources... 


图 2-48 Refactor 菜单 选项 下 拉 列 表 图 2-49 Refactor This 选项 窗口 


Extract 选项 能 够 帮助 用 户 抽取 Parameter Object C Z9 8) , Delegate BEBO , Style 
(风格 )、Layout( 布 局 ) 等 信息 ,如 图 2-50 Bras 
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Refactor This... CreARSSWÉST | m M, S 
Shif+F6 
Change Signature... Cul«Fé 
Type Migration... Ctr Shift« FG 
Make Static.. 

Convert To Instance Method... 
Move. 后 
Copy-. 5 
Safe Delete... Alt+Delete 


Parameter Object... 


Inline... Cul+AR+N | Delegate.. 
Invert Boolean... Interface... 
Pull Members Up... Superclass.. 
Push Members Down.. Ste. 


Use Interface Where Possible... Layout. 


图 2-50 Extract 选项 下 拉 列 表 


9) Build 菜单 选项 

Build 菜单 为 用 户 提供 了 对 项 目 进行 构建 及 相关 配置 等 功能 ,包括 Make Project CE] 3È 
项 目 ) „Make Modules( 构 建 模 板 )、Clean Project( 清 除 项 目 )、Rebuild Project( 重 构 项 目 ) 以 
及 Build APK(s) (构建 APK) 等 操作 ,如 图 2-51 所 示 。 


E Rn Tools ves Window Hel 
^, Make Project Ctri+F9 
Clean Project 
Rebuild Project 
Refresh Linked C++ Projects 
Edit Build Types... 
Edit Flavors... 


Edit Libraries and Dependencies... 
Select Build Variant.. 
Build APK(s) 
Generate Signed APK... 
Analyze APK... 
Deploy Module to App Engine... 


图 2-51 Build 菜单 选项 下 拉 列 表 


10) Run 菜单 选项 

Run 菜单 为 用 户 提供 了 用 于 调试 和 运行 程序 的 各 种 功能 ,其 中 包括 Run App (运行 
App) Debug App( 纠 错 ) 等 操作 ,如 图 2-52 所 示 。 这 些 操作 能 够 使 用 户 快速 地 实现 程序 的 
调试 和 运行 。 

11) Tools 菜单 选项 

Tools 菜单 为 用 户 提供 了 一 些 与 Android 开发 相关 性 不 强 的 工具 ,包括 Tasks & 
Contexts( 任 务 与 环境 的 查看 与 设置 )、Generate JavaDoc (生成 Java X fF), App Links 
Assistant( 连 接 辅 助 功能 ) 等 操作 ,如 图 2-53 所 示 。 
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Tasks & Contexts 选项 中 包括 对 任务 的 各 项 操作 和 环境 的 设置 ,例如 Switch Task 
(转换 任务 )、Open Task( 打 开 任 务 ) Close Active Task( 关 闭 活动 任务 )、Save Context 
(保存 环境 ) 、Load Context( 装 载 环 境 )、Clear Context( 清 除 环境 ) 等 操作 ,如 图 2-54 


Bim. 


| -Fr 

P Run 'app' 

4 Apply Changes: No active 'app launch 
A$ Debug 'app' 

Ib Run 'app' with Coverage 


^ Apply Changes: No active 'apP' launch 

Bi stop 

E] show Running List 

D Restart Activity 

X Step Over 

X. Force Step Over 

¥ Step Into 

X Force Step Into. 

Ù Smart Step Into. 

Š Step Out 

t Run to Cursor 

Wy Force Run to Cursor 

Ü Drop Frame 

Il Pause Program. 

I> Resume Program 

E Evaluate Expression... 
Quick Evaluate Expression 

ME Show Execution Point 
Toggle Une Breakpoint 
Toggle Method Breakpoint 
Toggle Temporary Line Breakpoint 
Toggle Breakpoint Enabled 

8: View Breakpoints... 

fii Get thread dump 

[} Attach debugger to Android process. 


Shift«F10 


Shift+F9 


Alt+Shift+F10 
Alt+Shift+F9 


» 
Cul+F10 
Cul+F2 


FB 
AlteShift« FB. 
FE 
AlteShifteF7 
Shift«F7 
Shift+F8 
Alt+F9 
Ctri+Alt+F9 


FS 
Alte FB. 
Ctrl+Alt+F8 
Alt+F10 


Cal+FB 


Ci+Alt+Shift+F8 


Ctrl«Shift« FB. 


图 2-52 Run 菜单 选项 下 拉 列 表 


12) VCS 菜单 选项 


VCS 意 为 版 本 控制 系统 ,该 菜单 提供 了 帮助 用 户 设置 与 管理 版 本 相关 问题 的 选项 ,其 
中 包括 Local History( 本 地 版 本 历史 )、Enable Version Control Integration (版 本 控制 集 
W) „Checkout from Version Control( 检 验 版 本 控制 ) „Import into Version Control( 导 入 版 


本 控制 ) 等 ,如 图 2-55 所 示 。 


图 2-53 Tools 菜单 选项 下 拉 列 表 
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Alt+Shift+T 
Alt+Shift+N 
Qose Active Task.  Alt+Shift+W 
Edit "Default task" 
Create Changelist... 
Show Description 


Open in Browser Alt+Shift+B 
Analyze Stacktrace From Task... 


SF Configure Servers... 


Save Context... Alt+Shift+S 
Load Context... AlteShifteL 
Clear Context Alt+Shift+X 


图 2-54 Tasks & Contexts 选项 下 拉 列 表 


Enable Version Control Integration... 
VCS Operations Popup.. Alt+ 后 引号 


Apply Patch.. 


Apply Patch from Clipboard... 
Checkout from Version Control 
Import into Version Control 
Browse VCS Repository 

Sync Settings 


图 2-55 VCS 菜单 选项 下 拉 列 表 


Checkout from Version Control( 检 验 版 本 控制 ) 选 项 中 包含 各 种 控制 版 本 的 系统 ,如 
图 2-56 所 示 。 其 中 ,CVS 是 2000 年 初期 流行 于 世 的 版 本 控制 系统 ; Subversion 是 紧 随 其 
后 的 流行 系统 , 它 的 最 大 优势 是 其 事务 性 提交 功能 。 目 前 ,Git 是 Android 开发 中 应 用 最 为 


广泛 的 版 本 控制 系统 。 


Apply Patch... 


Browse VCS Repository 
Sync Settings 


Enable Version Control Integration... 


Apply Patch from Clipboard... 


Import into Version Control. 


Ak+ 后 引号 


图 2-56 Checkout from Version Control 选项 下 拉 列 表 


Import into Version Control 选项 中 为 用 户 提供 了 导入 版 本 控制 系统 的 方法 与 操作 , 包 
括 CVS、Git、Subversion 等 系统 的 导入 ,如 图 2-57 所 示 。 
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Local History 
Enable Version Control Integration... 
Alt+ 后 引 S 


Apply Patch from Clipboard... 
Checkout from Version Control 


2-57 Import into Version Control 选项 下 拉 列 表 


Browse VCS Repository Dl V VCS 仓库 ) 选 项 能 够 对 不 同 版 本 控制 系统 的 仓库 进行 浏 
览 , 如 图 2-58 所 示 。 


Apply Patch from Clipboard... 
Checkout from Version Control 
Import into Version Control 


图 2-58 Browse VCS Repository 选项 下 拉 列表 


2. Android Studio 的 工具 栏 


Android Studio 的 工具 栏 (The Toolbar) 中 包括 针对 代码 文本 编辑 的 常用 按钮 ,以 及 不 
同类 型 的 管理 器 按钮 ,还 包括 程序 的 运行 及 调试 按钮 ,如 图 2-59 所 示 。 对 于 文本 编辑 的 常 
用 按钮 而 言 , 包 括 新 建 、 保 存 . 剪 切 、 复制. 粘贴 .撤销 等 操作 。 管 理 器 按钮 包括 SDK 管理 
it Android 虚拟 设备 管理 器 等 。 

工具 栏 中 的 工具 项 目 可 以 通过 勾 选 View 菜单 中 的 选项 来 进行 取舍 ,每 一 个 工具 按钮 
都 包含 相应 的 菜单 下 拉 列 表 和 快捷 键 方式 。 


3. Android Studio 的 导航 栏 


Android Studio 的 导航 栏 (The Navigation Bar) 是 集成 开发 环境 (IDE) 的 基础 功能 。 在 
导航 栏 中 能 够 清晰 地 看 到 Android 项 目的 内 部 结构 ,其 中 包含 组 成 一 个 完整 App 项 目的 所 


项 目 2 ”搭建 Android 开 发 环 


He Edit View New Sode, .Befactor Build Run Tools VCS Window H 
muge^xOgAA es^ pisan banka? an 


1 yy 


MainActivity| 
package com.examp 


import ... 


Public class MairActivity extends AppCompatActivity ( 


override 

protected void onCreate (Bundle savedInstanceState) ( 
super.onCreate (savedInstanceState); 
setContentView(R.layout.activity main); 


7 @ Grade Scip 
bell grdie Project 6) 
© bid gredi Module spp) 
Gyne morer and 
dll proguard-rules.pro (ProGuard Rud 
Belin eropeten (Pit Prope 
© minge redia Project Seting 
Ph local.properties (SDK Location) 


Pann STO Egugat MAndodmoler W Temna I g Menager 
Emulator: Process fished with ext code 0 (29 minutes ago) 


图 2-59 Android Studio 的 主 菜单 栏 


有 文件 ,如 图 2-60 所 示 。 导 航 栏 以 水 平 箭头 的 链 状 结构 方式 来 呈现 , 越 靠近 左 侧 越 接近 根 
目录 。 单 击 导航 栏 上 的 选项 卡 能 够 快速 地 选中 并 进入 该 文件 内 部 。 
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上 四 dvable 
i ids Se Protected void oncreate(Bundle savedinstancestate) ( 
z- 10 super.onCreate (savedInstanceState); 
» et m tContentView(R.layout.activity main); 
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4. Android Studio 的 状态 栏 


Android Studio 的 状态 栏 (The Status Bar) 用 于 显示 当前 项 目 或 文档 的 状态 信息 ,包括 
正在 运行 的 进程 .Git 版 本 库 等 信息 ,如 图 2-61 所 示 。 


Hie Edt View Naigse Code Ambre Relocor Buld Run Toos VCS Window Hep 


Hes XOARA es S(epb:6500m9 Est? an 
GIN NINE) NEN NE example heloword © MainAckvy 

49e dr | € Manaciviyjava e 
Er : MainActivity| è 


package com.example.helloworld; <| 


3 Vimport ... 


i 5 

» vexampie heloword iac 

上 nm a E T J 
* 


8 override 

» Drdrswable 

Mi tien so protected void onCreate(Bundle savedInstanceState) | 
B ehh ol 10 super.oncreate (savedInstanceState); 
bra im 11 setContentView(R.layout.activity main); 


图 2-61 Android Studio 的 状态 栏 


5. Android Studio 的 编辑 器 


Android Studio 的 编辑 器 (The Editor) 在 默认 情况 下 位 于 Android Studio 界面 的 中 心 ， 
并 以 选项 卡 的 形式 将 所 选中 的 文件 显示 在 编辑 器 窗口 内 ,如 图 2-62 所 示 。 在 编辑 器 的 上 部 
是 当前 打开 文件 的 名 字 , 当 单 击 该 文件 的 名 称 选项 卡 时 ,其 文件 内 容 便 会 呈现 在 编辑 器 的 
窗口 中 央 。 

Android Studio 的 编辑 器 (The Editor) 的 左 侧 即 为 边 列 (The Gutter) ,用 于 传递 代码 信 
息 , 其 鲜明 的 标识 即 在 代码 中 以 小 色 卡 或 者 小 图 标 来 显示 可 视 化 资源 ,同时 也 能 够 用 于 断 
点 的 设置 ,代码 的 折 释 、 约 定 代码 范围 等 ; 右 侧 为 标记 栏 (The Marker Bar ,用 于 指示 资源 
文件 中 重要 行 的 位 置 。 
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Ele Edi View Navigate Code Ansiyze Befactor guld Run Tools VCS Window Heip 


TEZIE ET ET an 
TE i app] Buc B main] Hjem j 

androd 

um. MainActivity] 

EET Package com.example.helloworld; 

z tu omeam pie heioworid 
i ax ‘import ... 
å ts comenamplebelouerid ird 
$ x e public class Mainactivity extends AppCompatactivity | 
! Boverride 
i protected void onCreate(Bundle savedInstanceState) { 
8 super.onCreate (savedInstanceState); 
* setContentView(R.layout.activity main); 


四 Fovorites P Buld vans 


[IINE NEP EY LC 
(LE Emulator: Process feud with enit code 0 29 mites agot 


[8 2-62 Android Studio 的 编辑 器 


6. EARE H E 


4l ARIS Jr £& (Using Code Folding) 可 以 为 编辑 器 节省 屏幕 空间 ,以 隐藏 特定 代码 块 
的 方式 显示 代码 的 框架 性 信息 ,如 图 2-63 所 示 。 在 代码 折 又 框 内 部 包含 3 Bh Hg «BITE 
图 标 图 、 向 下 箭头 图 标 ”、 向 上 箭头 图 标 

折 秋 图标 代表 某 个 已 经 被 折 释 了 的 代码 块 ,被 折 释 的 代码 会 呈现 为 一 个 省 略 号 , 且 以 
高 亮 的 浅 绿色 标注 ; 向 下 箭头 图 标 代表 可 以 被 折 释 的 一 段 代 码 的 起 始 位 置 ; 向 上 箭头 图 标 
代表 可 以 被 折 释 的 一 段 代码 的 结束 位 置 。 


7. 工具 按钮 


在 Android Studio 界面 中 包含 多 组 工具 按钮 ,这 些 工具 按钮 平时 以 默认 的 状态 显示 在 
界面 上 , 当 用 户 需 要 查看 全 部 工具 按钮 时 ,可 以 通过 主 菜单 栏 中 的 View 选项 进行 调用 。 

1) 项 目 工 具 窗 口 

项 目 工具 窗口 (The Project Tool Window) 位 于 编辑 器 的 左 侧 ,可 以 通过 3 种 模式 对 
App 项 目 进行 查看 与 调用 ,分 别 为 Android、Project 和 Package, RUH Android 模式 。 在 
该 窗口 中 App 项 目 以 树 形 结构 展现 ,能 够 使 用 户 十 分 便捷 地 切换 文本 ,如 图 2-64 所 示 。 
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Ele Edit View Navigate Analyze Refactor Build Run Tools VCS Window Help 
Ges XOARA es^ 


]Mainactivity] 


Com.example.helloworld; 


ic class MainActivity extends AppCompatactivity { 

&override 

Protected void onCreate (Bundle savedinstanceState) ( 
super.onCreate (savedInstanceState); 
setcontentView(R.layout.activity main); 


7 © Gradie Scripts 

@ build.gradie Project 61) 

(E bold grade (Moduln app 

P gredie-wropper properes (cr 
Ml proguerd-niles.pro ProGuard 
radieproperi Proj Pros 
È sntingsgredle Project Sening) 
Pi localproperies (SOx Location] 


Ble Edt Vew Navigate Code Anehge Befactor Buid Rum Jools VCS Window Help 
»uO*v^XDN AA ev sG aA? 


Package com.example.helloworld; 
simport . 


Æ publie class MainActivity extends AppCompatactivity { 


eoverride 

et Protected void onCreate (Bundle savedInstanceState) { 
super.oncreate (savedinstancestate) ; 
setContentView(R.layout.activity main); 


È buid.gradie (Project: 61) 

© buid.gradle (Module: app) 
grade wrapperproperies o 
All proguard-rulespro (ProGvard Ry 
MW gradie properties (Project Propert 
È settings gradle (Project Settings) 
fca propatin DK Loca] 


Penn TODO E &loprat Android Potier Temnal F Messages 
Emulator Process finished with ext code 0 (29 minutes ago) 


2-64 Android Studio 的 项 目 工具 窗口 
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2) 结构 工具 窗口 
结构 工具 窗口 (The Stucture Tool Window) 用 来 展现 App 项 目 文件 中 元 素 的 层次 结 
构 , 如 图 2-65 所 示 ,一 般 适 用 于 超大 源 文件 中 的 元 素 。 


Ele Edi View Megste Code Ansie Refactor Buld Run Tools VCS Window Heip 
*uOe^ XOTA eo Amea ERA”? aA 
EL S app) B sre} B main | B java | DE com | E example | EE helloworid | 1 Mainaciiy | 
We. EA O © Manacviyiva | e 
fnit: emalvosr MainActivity|onRestart () i 
TE - Mont 1 Package com.example.helloworld; "| 
@ Y onCreatel(Bundie]: void 1 2 
$ tonsuro: veid 3 import ... 
@ t onestart(: void 5 


tdÀ public class MainActivity extends AppcompatActivity ( 


void onCreate (Bundle savedInstancestate) { 

o super .onCreate (savedInstanceState); 
setContentView(R.layout.activity main); 

) 


override 

protected void onstart() | 
super.onstart(); 

) 


Boverride 
protected void onRestart() { 


图 2-65 Android Studio 的 结构 工具 窗口 


3) 收藏 夹 工具 窗口 

收藏 夹 工具 窗口 (The Favorites Tool. Window) 中 包含 逻辑 分 组 目录 、 书 签 目 录 
(Bookmarks) 以 及 断 点 目录 (Breakpoints) ,如 图 2-66 所 示 。 

CD 逻辑 分 组 目录 : 收藏 夹 窗口 能 够 将 位 于 App 项 目 中 不 同位 置 的 文件 进行 逻辑 
分 组 。 例 如 ,用户 在 编辑 器 选项 卡 中 打开 MainActivity.java 文 件 , 右 击 该 文件 的 选项 卡 
名 ,选择 Add All to Favorites 选项 ,在 弹出 的 窗口 中 输入 该 分 组 的 名 字 , 如 “Activity”， 
再 单 击 OK 按钮 退出 即 可 。 通 过 上 述 操 作 , 在 逻辑 分 组 中 就 会 出 现 一 个 名 为 “Activity” 
的 目录 。 如 果 要 将 其 他 文件 也 加 入 这 个 目录 , 则 采用 上 述 方式 将 其 加 入 “Activity” 的 目 
录 中 。 

(2) 书签 目录 : 书签 能 够 帮助 用 户 快速 找到 特定 代码 行 ,所 有 的 书签 都 会 被 保存 在 书 
签 目 录 中 。 添 加 书签 的 快捷 键 为 F11 ,取消 书 签 则 在 选中 标记 了 书签 的 代码 行 后 再 次 按 FII 
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IMainActivity|onstart()| 


Package com.example.helloworld; 


Simport ... 


public class MainActivity extends AppCompatactivity { 


&Override 

protected void onCreate(Bundle savedInstanceState) { 
super.onCreate (savedInstanceState); 
setcontentView(R.layout.activity main); 

) 


GOverride 

protected void onstart() | 
super.onStart(); 

) 


eOverride 
protected void onRestart() | 
super.onRestart(); 


收藏 严 [5 
THAN 


| Pein "TODO E ua An Android Profiler IEI Terminai I Q: Messages 
E Cannot resolve symbol 'on Identifer expected. 


图 2-66 Android Studio 的 收藏 夹 工具 窗口 
键 即 可 。 
(3) 断 点 目录 : 断 点 是 在 程序 调试 时 进行 片段 调试 时 设置 的 标记 。 在 被 设置 了 断 点 的 


代码 行 上 会 出 现 一 个 红色 圆圈 , 且 整 行 代码 都 是 红色 高 亮 的 。App 项 目 中 的 所 有 断 点 设置 
都 能 够 在 收藏 夹 的 断 点 目录 中 找到 。 


8. Android Studio 的 实用 快捷 键 


Android Studio 的 实用 快捷 键 如 表 2-1 所 示 。 


表 2-1 Android Studio 的 实用 快捷 键 


k 捷 键 实现 功能 
用 于 跳 人 /跳出 方法 或 者 资源 文件 。 将 鼠标 光标 定位 到 某 个 方法 或 者 资源 
CE id 的 调用 处 , 按 Ctrl 十 B 键 ,将 会 跳 入 该 方法 或 者 资源 文件 内 部 ,功能 等 同 
T| 


THE Ctrl 十 鼠标 左 键 。 如 果 将 鼠标 光标 定位 到 方法 定义 处 或 者 资源 文件 内 
部 , 按 Ctrl 十 B 键 将 会 返回 调用 处 
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续 表 
k E e 实现 功能 

用 于 查看 父 类 中 的 方法 , 并 可 以 选择 父 类 方法 进行 覆盖 。 将 鼠标 光标 

Gato 定位 到 类 中 代码 的 任意 位 置 , 按 Ctrl 十 O 键 , 将 会 在 打开 的 面板 中 查看 
到 所 有 父 类 中 的 所 有 非 私有 方法 ,选择 某 个 方法 按 Enter 键 即 可 覆盖 父 
类 方法 

Ctrl-- K 用 于 SVN 提交 代码 

Ctrl 十 T 用 于 SVN 更 新 代码 
用 于 查看 类 的 上 下 继承 关系 。 将 鼠标 光标 定位 在 类 中 的 任何 一 个 位 置 , 然 

Ctrl 十 H 后 按 Ctrl 十 H 键 ,将 会 打开 一 个 面板 ,在 这 个 面板 中 会 依照 层级 显示 出 当前 
类 的 所 有 父 类 和 子 类 

Ctrl 十 W 用 于 选中 代码 块 , 多 次 按 Ctrl 十 W 键 将 逐步 扩大 选择 范围 

Ctrl 十 E 用 于 显示 最 近 打开 的 文件 ,可 以 快速 地 再 次 打开 这 些 文件 
用 于 快速 跳 转 至 父 类 ,或 者 快速 跳 转 到 父 类 中 的 某 个 方法 。 将 鼠标 光标 定 
位 到 类 名 上 , 按 Ctrl 十 U 键 ,将 会 打开 当前 类 的 父 类 ; 如 果 当 前 类 有 多 个 父 

Ctrl 十 U 类 , 则 会 提示 要 打开 的 父 类 。 如 果 一 个 类 中 的 方法 覆盖 了 其 父 类 的 方法 , 那 
么 将 鼠标 光标 定位 到 子 类 的 方法 , 按 Ctrl 二 U 键 ,将 会 跳 转 到 被 覆盖 的 父 类 
方法 中 

Cuita 用 于 显示 鼠标 光标 当前 位 置 在 代码 文件 中 的 行 / 列 数 , 可 以 理解 为 光标 在 代 
码 中 的 横 / 纵 坐标 
用 于 查看 类 中 的 所 有 变量 、 方 法 、 内 部 类 、 内 部 接口 。 将 鼠标 光标 定位 到 
当前 类 文件 的 任意 位 置 , 按 Ctrl 十 F12 键 会 弹出 显示 类 中 所 有 变量 、 方 法 、 

Ctrl 十 F12 内 部 类 内 部 接口 的 对 话 框 , 然 后 按 v 键 可 以 选择 某 个 变量 方法 、 内 
部 类 、 内 部 接口 ,接着 按 Enter 键 可 以 快速 定位 到 该 变量 、 方 法 、 内 部 类 、 内 
部 接口 
用 于 在 鼠标 光标 所 在 行 添 加 书签 。 如 果 文 件 中 的 代码 特别 多 ,那么 书签 将 

Ctrl+F11 是 一 个 非常 实用 的 功能 , 它 可 以 帮助 用 户 标 记 代 码 中 的 重要 位 置 ,方便 下 次 
快速 定位 到 这 些 重要 位 置 

Shift-- F11 用 于 查看 书签 ,可 以 快速 查看 之 前 标记 的 书签 

Ctrl 十 Shift 十 F12 用 于 快速 调整 代码 编辑 窗口 的 大 小 

Ctri+ 4/4 用 于 固定 光标 上 下 移动 代码 

Alt 十 个/ 用 于 在 内 部 接口 .内 部 类 和 方法 之 间 跳 转 

Ctrl 十 Shift 十 Backspace 用 于 回 到 上 一 次 编辑 的 位 置 

Alt 二 数字 用 于 打开 相应 数字 的 面板 。 例 如 终端 控制 台面 板 对 应 的 数字 是 6, 那 么 按 
Alt 十 6 键 可 以 快速 展开 或 关闭 控制 台面 板 


vhs MORS 
D Android Studio App 边 做 边 学 一 一 微 课 视频 版 


续 表 


快 捷 键 


实现 功能 


Ctrl 十 Shift 十 I 


用 于 快速 查看 某 个 方法 、 类 、 接 口 的 内 容 。 将 鼠标 光标 定位 到 某 个 方法 、 类 
名 、 接 口 名 ,然后 按 Ctrl 十 Shift+1 键 ,将 会 在 当前 光标 位 置 显示 该 方法 、 类 、 
接口 的 内 容 


Shift 十 Esc 


用 于 关闭 当前 打开 的 面板 


Alt+J 


用 于 选择 多 个 相同 名 字 的 关键 字 TA DIS EE ,然后 同时 更 改 


Ctrl 十 Tab 


用 于 切换 面板 或 文件 ,功能 类 似 于 Windows 下 的 Alt 十 Tab 键 。 在 切换 面 
板 / 文 件 的 对 话 框 中 ,选中 某 个 面板 或 文件 ,接着 按 Backspace 键 即 可 关闭 
该 面板 或 文件 


Ctrl 十 Shift 十 Enter 


用 于 快速 补 全 语句 。 例 如 if(){}、switch(){} 代码 块 ,只 要 输入 这 或 者 
switch( 甚 至 sw) ,接着 按 Ctrl 十 Shift 十 Enter 键 ,就 可 以 快速 完成 代码 块 


用 于 快速 抽取 方法 。 选 中 代码 块 ,然后 按 Ctrl 十 Alt 十 M 键 可 以 快速 将 选中 


i 的 代码 据 抽 取 为 一 个 方法 
Ctrl Ale T 用 于 快速 包裹 代码 块 。 选 中 一 段 代码 ,然后 按 Ctrl 十 Alt 十 T 键 ,可 以 选择 
i ý 要 对 选中 代码 块 进行 的 操作 ,例如 if/else do/while, try/catch/ finally 等 
Ctrl 十 Alt 十 L 用 于 代码 的 格式 化 
用 于 快速 查找 类 。 按 下 Ctrl 十 N 键 会 弹出 输入 类 名 的 对 话 框 ,在 该 对 话 框 
Ctrl 十 N 的 搜索 框 中 输入 要 查找 的 类 名 , 即 可 开始 进行 模糊 检索 ,这 样 可 以 快速 找到 
需要 查找 的 类 ,这 在 类 文件 非常 多 的 工程 里 面 特别 实用 
用 于 快速 查找 文件 。 功 能 和 Ctrl 十 N 键 类 似 ,但 是 除了 可 以 搜索 类 文件 之 
Ctrl 十 Shift 十 N 外 ,还 可 以 搜索 当前 工程 下 的 所 有 文件 ,这 同样 是 一 个 经 常用 到 的 特别 实用 
的 功能 
用 于 全 局 搜索 。 功 能 和 Ctrl+N 键 .Ctrl 十 Shift 十 N 键 类 似 ,但 是 搜索 的 范 
Double Shift 围 更 广 ,支持 符号 检索 ,除了 Ctrl 十 N 键 .Ctrl 十 Shift 十 N 键 的 检索 内 容 外 ， 


还 可 以 搜索 到 变量 ,资源 id 等 


Ctrl 十 Alt 十 Space 


用 于 类 名 或 接口 名 提示 。 输 入 一 个 不 完整 的 类 名 或 者 接口 名 , 按 Ctrl 十 Alt 十 
Space 键 ,会 给 出 完整 类 名 或 接口 名 的 提示 


Ctrl--Q 


用 于 显示 注释 文档 。 将 鼠标 光标 定位 到 某 个 类 名 、 接 口 名 或 者 方法 名 , 按 
Ctrl 十 Q 键 ,会 显示 出 该 类 接口 .方法 的 注释 


Ctrl 十 PageUp/PageDown 


用 于 将 光标 定位 到 当前 文件 的 第 一 行 /最 后 一 行 


Shift 十 Left Click 用 于 关闭 当前 文件 
用 于 跳 转 到 抽象 方法 的 实现 。 将 鼠标 光标 定位 到 某 个 抽象 方法 ,然后 按 
Ctrl 十 Alt 十 B Ctrl+Alt 十 B 键 ,会 快速 跳 转 到 该 抽象 方法 的 具体 实现 处 ,如 果 该 抽象 方法 


有 多 个 具体 实现 ,那么 会 弹出 选择 框 让 用 户 进行 选择 
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续 表 
快 捷 键 实现 功能 
Ctrl 十 Shift 十 U 用 于 快速 进行 大 小 写 转换 
Ctrl 十 Shift 十 Alt 十 S 用 于 打开 Project Structure 面板 
Ctrl 十 F 用 于 在 当前 文件 中 搜索 输入 的 内 容 
Ctrl 十 R 用 于 在 当前 文件 中 替换 输入 的 内 容 
Ctrl 十 Shift 十 F 用 于 全 局 搜索 
Ctrl 十 Shift 十 R 用 于 全 局 替换 
Shife-- F6 用 于 快速 重 命名 。 选 中 某 个 类 变量 资源 id 等 之 后 ,可 以 快速 重 命名 ,只 


要 改动 一 个 位 置 ,其 他 地 方 都 会 自动 全 部 重 命名 
Alt 十 F7 用 于 快速 查找 某 个 类 方法 .变量 ,资源 id 被 调用 的 地 方 


用 于 对 项 目 进行 审查 。 按 下 Ctrl 十 Shift 十 Alt 十 I 键 ,会 弹出 搜索 审查 项 的 
输入 框 ,输入 关键 字 可 以 检索 需要 审查 的 内 容 , 例 如 输入 unused resource 
Ctrl 十 Shift 十 Alt 十 I 即 可 搜索 项 目 中 没有 使 用 到 的 资源 文件 。 此 外 ,在 菜单 栏 中 选择 Analyzel 
Inspect Code 命令 ,或 者 右 击 当 前 工程 ,选择 Analyze| Inspect Code 命令 ,可 
以 对 项 目 进行 Lint 审查 


Ctrl 十 D 用 于 快速 复制 行 

Ctrl Shift 4 / 4 用 于 上 下 移动 代码 。 如 果 是 方法 中 的 代码 ,只 能 在 方法 内 部 移动 ,不 能 跨 
方法 

Shift 十 Alt 十 个 /+ 用 于 上 下 移动 代码 ,可 以 跨 方法 移动 

Shift+F10 用 于 启动 Module 

Shift 十 F9 用 于 调试 Module 

Ctrl 十 F9 用 于 构建 Project 

Alt 十 Insert 用 于 快速 插入 代码 ,可 以 快速 生成 构造 方法 .Getter/Setter 方法 等 

Alt 十 Enter 用 于 快速 修复 错误 

24 项 目 结案 


通过 本 项 目的 学 习 , 相 信 大 家 已 经 掌握 了 Android Studio 环境 配置 的 方法 ,在 这 个 过 
程 中 ,需要 从 网 上 下 载 相 关 的 安装 包 , 并 在 安装 后 与 本 机 进行 连接 。 只 有 保证 每 一 个 步骤 
都 成 功 进行 ,才能 在 后 面 顺利 展开 建立 App 程序 与 调试 的 工作 。 另 外 ,本 项 目 还 用 大 量 的 
篇 幅 介 绍 了 Android Studio 的 基本 操作 。 子 日 :“ 工 和 欲 善 其 事 , 必 先 利 其 器 ”, Android 
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Studio 的 开发 环境 就 是 开发 App 的 重要 工具 ,希望 大 家 能 够 耐心 完成 前 面 的 操作 。 
25 ”项目 练习 


1. 尝试 在 Android Studio 中 新 建 一 个 程序 ,并 将 该 程序 命名 为 “与 App 的 第 一 次 
He". 
2. 打开 Android SDK 的 结构 目录 ,分 别 查看 每 个 文件 夹 ,并 感受 里 面 的 内 容 与 App 设 
计 的 关系 。 

3. 打开 SDK 的 帮助 文档 索引 页 面 ,查看 里 面 的 内 容 ,并 对 自己 认识 的 类 进行 简单 
描述 。 
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创建 第 一 个 App 


3.1 项 目 目标 : 用 Android Studio 创建 App 


使 用 Android Studio 可 以 十 分 便捷 且 以 全 程 可 视 化 的 方式 完成 App 的 创建 .运行 与 调 
试 。 相 较 于 其 他 Android 开发 工具 ,响应 速度 更 快 .UI 主题 更 具 设计 性 、 调 试 程序 更 加 智能 
等 优势 让 Android Studio 表现 出 更 加 优秀 的 属性 。 因 此 ,使 用 Android Studio 进行 App 的 
创建 与 设计 将 是 一 件 相当 快乐 的 事情 ,请 大 家 保持 愉快 的 心情 开始 App 之 旅 。 


32 项目 准备 


3.2.1 Android 的 内 部 结构 


为 了 保证 Android 程序 结构 的 一 致 性 ,Android Studio 为 每 一 个 程序 设置 了 相同 的 内 
部 结构 ,该 结构 在 Android 项 目 建立 之 初 就 已 经 存在 了 。 程序 的 内 部 结构 是 引导 程序 运行 
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及 应 用 的 向 导 ,也 是 程序 员 在 进行 程序 编写 与 设计 时 需要 掌握 与 熟悉 的 内 容 。 因 此 ,对 程 
序 的 内 部 结构 的 介绍 是 必 不 可 少 的 。 这 里 以 创建 名 为 AndroidHello 的 项 目 为 例 进行 介绍 。 
大 家 可 以 发 现 一 个 App 程序 是 由 多 个 文件 及 文件 夹 共同 组 成 的 ,每 个 文件 或 文件 夹 都 有 不 


同 的 意义 和 功能 。 
在 新 建 的 App 工程 文件 中 ,Android Studio 会 自动 生成 许多 文件 ,如 图 3-1 所 示 。 其 
中 ,重要 的 文件 如 下 。 


> Ba manifests 
Y Majava 
v Ea com.example-helloworid 
© > MainActivity 
> Ea comexample helloworld (androidTest) 
» Ea com.example.helloworld (test) 
Y Bres 
v Ea drawable 
ic launcher background.xml 
ic. launcher foreground.xml (v24) 
v Ea layout 
是 activity mainxml 
Y Ea mipmap 
» Ba ic launcher.png (5) 
起 ic_launcher.xml (anydpi-v26) 
» Pa ic launcher_round.png (5) 
ic launcher round.xml (anydpi-v26) 
v B values 
£ colorsxml 
AR stringsxml 
E stylesxml 
|v (& Gradle Scripts 
(8 build.gradle (Project: HelloWorld) 
(& build.gradle (Module: app) 
fll gradle-wrapper.properties (Gradle Version) 
ll proguard-rules.pro (ProGuard Rules for app) 
fll gradle.properties (Project Properties) 
(È settings.gradle (Project Settings) 
illjlocal.properties (SDK Location) 


3-1 AndroidHello 项 目的 程序 内 部 结构 


(1) app: 在 Android Studio 中 进行 编程 时 ,一般 分 为 Project( 工 作 空间 )、Module( 模 
块 ) 两 种 概念 。app 为 创建 项 目 时 默认 的 模块 , 即 一 个 Module .一 个 Android 应 用 程序 的 文 
档 结构 。 

(2) libs: 用 于 存放 项 目的 类 库 ,例如 项 目 中 会 用 到 的 .jar 文件 等 。 

(3) sre: 用 于 存放 该 Android 项 目 中 用 到 的 所 有 资源 文件 ,例如 图 片 等 。 

(4) androidTest: 用 于 存放 应 用 程序 单元 的 测试 代码 。 

(5) main: Android 项 目的 主 目录 ,其 中 java 目录 存放 .java 源 代 码 文 件 ,res 存放 资源 
文件 ,包含 图 像 .字符 串 资 源 等 ,AndroidManifest.xml 是 项 目的 配置 文件 。 


a 


项 目 3 


创建 第 


一 个 App 4 


(6) build.gradle: Android 项 目的 Gradle 构建 脚本 。 

(7) build: Android studio 项 目的 编译 目录 。 

(8) gradle: 用 于 存放 该 项 目的 构建 工具 。 

(9) External Libraries; 用 于 显示 该 项 目 所 依赖 的 所 有 类 库 。 


3.2.2 Android 的 开发 流程 


对 Android 平台 上 的 应 用 进行 开发 ,可 以 按照 如 下 流程 来 进行 。 
(1) 安装 Android 调试 软件 ,配置 开发 环境 。 

(2) 创建 Android 虚拟 机 或 硬件 设备 。 

(3) 创建 Android 项 目 ,编写 代码 ,提供 资源 文件 。 


(4) 运行 Android 应 用 程序 ,用 Android Studio 运行 程序 并 呈现 效果 。 


(5) W Android 应 用 程序 ,测试 并 发 布 。 


3.3.1 创建 一 个 App 


步骤 1: 双击 Android Studio 的 图 标 打开 工具 ,如 图 3-2 所 示 。 


androidstug 


图 3-2 打开 Android Studio 时 的 加 载 画面 
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步骤 2. Mih Start a new Android Studio project 按钮 ,创建 第 一 个 Android 项 目 ,如 
图 3-3 所 示 。 


Android Studio 


Version 3.0,1 


3 Start a new Android Studio project 

s Open an existing Android Studio project 
$ Check out project from Version Control + 
[€ Profile or debug APK 

1. Import project (Gradle, Eclipse ADT, etc.) 


LÝ Import an Android code sample 


f Events 。 次 Configure ~ Get Help ~ 


3-3 创建 Android 项 目 


步骤 3: 为 新 建 项 目 设 置 属性 。 其 中 ,项 目的 名 称 为 HelloWorld, 设 定 项 目 位 置 ,然后 
单 击 Next 按钮 ,如 图 3-4 所 示 。 

步骤 4: 选择 适当 的 SDK 版 本 ,然后 单 击 Next 按钮 ,如 图 3-5 所 示 。 

步骤 5: 为 App 的 运行 选择 一 个 Activity 样式 ,例如 Empty Activity, 然 后 单 击 Next 
按钮 ,如 图 3-6 所 示 。 

步骤 6: 设置 Activity 的 名 称 和 Layout 的 名 称 , 然 后 单 击 Finish 按钮 ,完成 新 建 程序 的 
前 期 设 定 , 如 图 3-7 所 示 ,继而 进入 Android Studio 的 开发 主 界面 ,如 图 3-8 所 示 。 


3.3.2. 3811 App 


1. 使 用 模拟 器 运行 App 


为 了 避免 系统 报错 ,建议 大 家 在 创建 模拟 器 之 前 单 击 SDK Manager 按钮 ,更 新 
Android SDK 的 相关 配置 ,如 图 3-9 所 示 。 

步骤 1: 单 击 AVD Manager 按钮 ,弹出 Android Virtual Device Manger 窗口 ,如 图 3-10 所 
ZR + R Jii f h Create Virtual Devices] $% H > © ZE E PUE RERE o 


Oa 
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6 Create New Project x 


yX Create Android Project 


Application name 


HelloWorld 


Company domain 


[example.com 


Project location 
FATeacherThings\HelloWorid2 B 


Package name 


com.example.helloworld 


口 mdude C++ support 
OD include Kotlin support. 


图 3-4 为 新 建 项 目 设置 属性 


ff Create New Project x 


LE Target Android Devices 


Select the form factors and minimum SDK 
Some devices require additional SDKs. Low API levels target more devices, but offer fewer API features. 


Phone and Tablet 
API 21: Android 5.0 (Lollipop) 四 


ipop) 
roid 6.0 (Marshmallow) 


PI 24: Android 7.0 (Nougat) 
pl 25: Android 7.1.1 (Nougat) 
PI 26: Android 80 (Oreo) 


API 21: Android 52 (Lollipop) |- | 
C Android Auto 
C Android Things 

CELER -B 


[Eee WE e) 


图 3-5 选择 SDK 版 本 
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ff Create New Project 


E Add an Activity to Mobile 


Add No Activity 
< u 


[ree | EE (69 | 


图 3-6 设置 App 的 Activity 样式 


ff Create New Project 


y Configure Activity 


MainActivity 


Generate Layout File 


Layout Name 


activity main. 


Backwards Compatibility (AppCompat) 


mee] n | en ) ZZ 
图 3-7 为 新 建 Activity 设置 文件 名 称 
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图 3-8 Android Studio 的 开发 主 界面 


25 Settings for New Projects 

Q- Appearance & Behavior > System Settings > Android SOK 

* Appearance & Behavior. Manager for the Android SDK and Tools used by Android Studio 
Android SDK Location: | CAUsers\snowman WppData\Loca Mndroid\Sdk 
SDK Platforms SDK Tools SDK Update Sites 


Each Android SDK Platform package includes the Android platform and sources pertaining to an API 
level by defaut Once installed, Android Studio wil automatically check for updates. Check "show 
package details” to display individual SDK components. 
dampa AA, | API Level L Revision 
E Android 10.0 (Q) 


[C] Android 5:1 (Lolipop) 

[I Android 5.0 (Lollipop) 

[C Android 44W (KitKat Wear) 

DD Android 44 (Kitkat) 

C Android 4.3 Uelly Bean) 

LL] Android 42 (elly Bean) 

C Android 4.1 Uelly Bean) 

L Android 403 (IceCreamSandwich) 
C] Android 4.0 (keCreamSandwich 
[7] Android 3.2 (Honeycomb) 

C Android 3.1 (Honeycomb) 


bonnn waauuww anan wN N a o 


EJ Hide Obsolete Packages [ ] Show Package Details 


-T 


图 3-9 更 新 Android Studio 的 相关 配置 


步骤 2. 选择 一 种 模拟 器 设备 ,如 图 3-11 所 示 。 
步骤 3. 确定 设备 后 单 击 Next 按钮 ,弹出 System Image 界面 ,选择 系统 版 本 ,一 般 默 
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Œ Android Virtual Device Manager - o x 


Your Virtual Devices 


wx. 


m o LJ m E | 


Virtual devices allow you to test your application without 
having to own the physical devices. 


+ Create Virtual Device. 


To prioritize which devices to test your appl 
the Android 
information on 


Google Play ecosystem. d 


图 3-10 Android Virtual Device Manager 窗口 


| ® vinual Device Configuration x 


Select Hardware 


Choose a device definition 
3 
6 ) (b Nexussx 
Category. .] Name” [Play Store | Sae | Resolution | Density 
v Piel so 308920 ohdpi 
Nexus S 40" 480x800 hdpi — sux une 
Nexus One. ar 480800 —— hdpi Ra. ing 
Derety 20ap 
Nens ep STO 00 caeve S60dpi 
Nens Sost canos Se0dpi ede 


Nexus 5 » A95" 108041920 — xxhdpi 


Nexus 4 aT 76841280 — xhdpi 


New Hardware Profile | | Import Hardware Profiles | 


图 3-11 选择 模拟 器 设备 


认 选 择 最 高 版 本 ,如 图 3-12 所 示 。 
步骤 4: 单 击 Next 按钮 ,弹出 Verify Configuration 界面 ,一 般 应 用 默认 设置 。 需 要 注 
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® Virtual Device Configuration 


System Image 


PR qu 
Select a system image 
[Recommended] 6 images | Other Images | 
一 -一 一 FE dl 


API 27 Download 


Nougat 


AP Leve! 


NA °°。 
7 Google nc. 


System mage 


Oreo Download. 


Nougat Download 


Nougat Download 


We recommend these Google Play images because 
this device is compatible with Google Play. 


Questions on API level? 
See the API level distribution chart 


图 3-12 选择 系统 版 本 


意 手 机 模拟 器 外 观 , 一 般 将 其 设置 为 Automatic Emulated Performance, 即 自动 配置 大 小 ， 
如 图 3-13 所 示 。 然 后 单 击 Finish 按钮 。 


图 Virtual Device Configuration 


yx Android Virtual Device (AVD) 


Android Studi 


Verify Configuration 

AVD Name [Nexus 5x AP! Ff AVD Name 

C News sx 52 1080x1920 cthdpi EZ 

The name of this AVD. 

r1 Android API P x86. EZ 

Startup orientation [] 口 
Portrait Landscape. 
Emulated ies: tom 
s Graphies: [aromate H 


Device Frame EJ Enable Device Frame 


Show Advanced Settings 


[Eeea [ e ) eo) ERE. enn) 


图 3-13 AVD Verify Configuration 界面 
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步骤 5: 加 载 一 段 时 间 后 ,模拟 器 即 被 创建 出 来 ,如 图 3-14 所 示 。 
| 图 Android Virtual Device Manager 


Your Virtual Devices 


Type | Name Play Store. Resolution — | AM Target CPU/ABI SzeonDisk — | 


Acions 
rape | msimeeop |p pene [6 pen pum 
+ Creste Virtual Device.. Lo) (2. 


图 3-14 新 创建 的 模拟 器 


步骤 6: 单 击 Run App 按钮 , 即 可 弹出 选择 部 署 目标 Select Deployment Target 窗口 ， 


再 选择 可 用 虚拟 设备 Available Virtual Device, 如 图 3-15 所 示 。 


ff Select Deployment Target * 


No USB devices or running emulators detected Troubleshoot 


Connected Devices 


<none> 


Available Virtual Devices 


Create New Virtual Device Don't see your device? 
(meem) 


图 3-15 可 用 模拟 器 设备 界面 


步骤 7: 单 击 OK 按钮 运行 App, 可 以 通过 Android Studio 底部 显示 的 情况 来 监 


状态 ,加 载 一 段 时 间 后 , 即 可 出 现 使 用 模拟 器 运行 的 效果 ,如 图 3-16 所 示 。 
2. 使 用 手机 运行 App 


步骤 1: 使 用 USB 的 方式 将 手机 与 计算 机 连接 。 


运行 


步骤 2: 在 手机 上 选中 “连接 后 启动 调试 模式 ”, 如 果 是 首次 连接 ,计算 机 会 弹出 安装 对 


话 框 进行 匹配 安装 。 


步骤 3: 在 Android Studio 的 工具 栏 上 单 击 “运行 ”按钮 了 ,选择 部 署 目标 Select 


Deployment Target 窗口 ,选择 要 连接 的 设备 ,然后 单 击 OK 按钮 ,如 图 3-17 所 示 。 
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E 3-16 使 用 模拟 器 运行 的 效果 


ff select Deployment Target 


Connected Devices 
Xiaomi Redmi Note 5A (Android 7.1.2, APl 25) 


Available Virtual Devices 
国 Nexus 5X API P. 


Create New Virtual Device | 
EN M Ce 


fij 


图 3-17 连接 设备 


: 等 待 运行 , 即 可 在 手机 界面 上 看 到 App 的 演示 效果 ,如 图 3-18 所 示 。 


3.3.3 调试 App 


在 使 用 Android Studio JF App 的 过 程 中 ,程序 人 员 可 能 会 由 于 各 种 原因 在 编程 时 产 
生 错 误 或 朴 忽 ,因此 通过 调试 的 方法 找到 错误 所 在 并 进行 修改 是 一 项 十 分 重要 的 工作 。 在 
Android Studio 进行 App 开发 时 ,可 以 采用 断 点 调试 的 方法 ,具体 操作 过 程 如 下 。 
步骤 1: 在 Android Studio 中 找到 需要 调试 的 程序 ,如 图 3-19 所 示 。 
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HelloWorld 


Hello World! 


图 3-18 使 用 手机 运行 App 的 效果 


[amxcmiyJava [i ng 
package com.snowman.myapplication; 


import ... 


á public class MainActivity extends AppCompatActivity { 


public static final String TAG - "MainActivity"; 


GOverride 

时 | protected void oncreate(GNullable Bundle savedInstanceState) { 
super .onCreate(savedInstanceState); 
setContentView(R.layout.activity main); 

debugFun() ; 


} 


private void debugFun() { 
e for (int i = 0; i < 100; i++) { 
Log.d(TAG, msg: "debugFun: " + i); 
J 


图 3-19 选择 需要 调试 的 程序 


步骤 2: 设置 断 点 , 即 通 过 在 行 号 处 单 击 的 方式 进行 设 定 。 再 单 击 压 按钮 ,开启 调试 会 
话 , 在 Debug 视图 中 即 可 得 到 调试 的 情况 ,如 图 3-20 所 示 。 
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Faroa - oF o- ennmov 二 本 
> mapp l i package con.snowsan.myapplication; 


Mad 3 import n. 


omen i 
T Sá public class wainacti 
I 
16 


(ity extends AppCompatActivity ( 


n public static final String TAG = "MainActivity"; 


2 private void debugFun() ( 
n] for (int i = 6; i < 100; itt) ( 
2 Log.d(TAG, msg "debugFun: ™ + i); 


图 3-20 设置 断 点 并 开启 调试 会 话 


3.4 项 目 结案 


本 项 目 通过 对 Android 内 部 结构 的 解析 ,让 大 家 能 够 较为 深入 地 体会 到 App 的 内 部 组 
成 及 彼此 之 间 的 关系 ; 然后 通过 对 App 开发 流程 的 梳理 ,明确 开发 App 的 全 部 步骤 。 从 创 
建 一 个 项 目 到 运行 项 目 ,再 到 调试 项 目 , 整 个 流程 紧密 相关 , 缺 一 不 可 ,为 App 的 顺利 编写 
提供 了 全 面 的 技术 保障 。 虽 然 在 本 项 目 中 还 没有 接触 到 具体 的 编写 方法 ,但 是 整体 的 流程 
与 思路 是 大 家 需要 掌握 与 熟练 应 用 的 。 


35 ”项 目 练习 


1. 创建 一 个 名 为 “我 的 第 一 个 App” 的 小 程序 ,体验 完整 的 开发 流程 。 
2. 在 上 一 个 小 程序 的 基础 上 修改 显示 字符 串 为 “Hello App", 
3. 在 上 一 个 小 程序 的 基础 上 修改 字符 串 的 布局 位 置 至 屏幕 左 侧 。 


> 
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设计 App 的 用 户 界 面 


4.1 项 目 目标 : 通过 视图 创建 App 的 用 户 界面 


App 的 交互 界面 是 手机 应 用 程序 借助 于 手机 终端 与 用 户 接触 的 直观 显示 与 交互 媒介 ， 
一 款 手 机 应 用 程序 的 设计 成 功 与 否 ,其 交互 界面 的 设计 起 着 决定 性 的 作用 。 一 个 好 的 设 
计 , 是 让 用 户 能 够 在 使 用 应 用 程序 的 过 程 中 体验 到 便捷 ,在 交互 的 过 程 中 体验 到 乐趣 ,而 这 
些 都 是 要 通过 编写 代码 实现 的 。 本 项 目 深入 手机 App 交互 界面 的 设计 元 素 , 从 较为 常用 的 
交互 界面 设计 方法 与 制作 流程 方面 为 大 家 详细 介绍 。 


在 手机 App 的 交互 界面 设计 中 ,有 3 个 常用 的 元 素 贯 穿 在 整个 设计 与 制作 之 中 ,分 别 
是 View( 视 图 )、Widget( 小 部 件 ) 和 ViewGroup( 视 图 容器 )。 将 三 者 合理 地 运用 与 设计 ,可 
以 使 手机 交互 界面 更 加 人 性 化 、 多 样 化 ,如 图 4-1 所 示 。 
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图 4-1 手机 App 界面 各 元 素 示意 图 


4.2.1 介绍 视图 类 


1. View 元 素 


手机 App 是 以 视觉 的 方式 向 用 户 展现 的 ,而 可 视 范 围 即 手机 的 屏幕 区 域 。 因 此 ,所 有 
的 界面 设计 都 要 基于 屏幕 的 大 小 .比例 等 因素 。 在 手机 界面 上 ,通常 可 以 看 到 各 种 按钮 , 文 
本 框 ,布局 效果 图片 等 可 视 化 元 素 , 这 些 都 要 通过 View 元 素来 实现 。 

View 在 Android SDK 中 既是 一 个 包 , 又 是 一 个 类 ,在 应 用 的 过 程 中 多 指 其 作为 类 时 的 
功能 。 只 有 设置 了 View 的 各 个 属性 ,才能 将 Widget 元 素 和 ViewGroup 元 素 放置 在 上 面 ， 
显示 效果 。 对 于 本 项 目 将 要 介绍 的 各 类 组 件 来 说 ,View 类 是 它们 的 父 类 ,在 应 用 与 设计 时 
需 通 过 View 类 进行 导入 。 

2. Widget 元 素 


Widget 元 素 是 在 View 上 需要 实现 的 各 个 “小 部 件 ”, 例 如 EditText (文本 编辑 )、 
ScrollView( 滚 动 视图 ) .Button( 按 钮 ) 等 ,它们 的 设计 都 是 通过 Android SDK 中 的 android. 
widget 包 来 实现 的 。 


3. ViewGroup 元 素 


ER View 元 素 和 Widget 元 素 中 的 视图 内 容 需 要 依托 于 容器 才能 显示 ,而 在 Android 
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程序 中 ,Activity 就 是 可 以 盛 放 各 类 元 素 的 容器 ,但 其 本 身 并 不 显示 。 因 此 ,真正 的 界面 元 
素 要 通过 Android SDK 中 的 android. widget. ViewGroup 类 来 实现 , 它 可 以 容纳 各 类 部 件 ， 
完成 界面 的 布局 。 

ViewGroup 是 View 类 的 抽象 子 类 , 它 的 实现 可 以 通过 Layout 布局 来 完成 。 在 
ViewGroup 中 有 FrameLayout 类 用 来 控制 屏幕 区 域 中 显示 的 单个 项 目 ; 有 LinearLayout 
类 用 来 安排 其 子 类 出 现在 一 列 或 单列 位 置 上 ; 有 RelativeLayout 类 可 以 设置 其 子 类 的 位 置 
与 其 他 子 类 或 父 类 形成 关联 性 布局 等 。 


4.2.2 ”介绍 资源 文件 来 


在 Android 的 应 用 程序 中 ,文字 、` 图 片 .颜色 .尺寸 等 资源 需要 与 程序 绑 定 ,即将 这 些 资 
源 放置 在 配置 文件 中 实现 此 种 关联 属性 。 下 面 将 资源 文件 夹 下 的 多 种 属性 资源 进行 梳理 ， 
以 供 App 界面 设计 时 进行 调用 。 

1. 字符 串 资源 


在 创建 App 时 ,在 Android Studio 窗口 左 侧 的 包 中 会 呈现 出 整个 程序 的 结构 。 字 符 串 
资源 文件 就 位 于 res 文件 夹 下 的 values 文件 夹 中 , 即 strings.xml, 如 图 4-2 所 示 。 双 击 打 开 


图 4-2 字符 串 资源 文件 的 结构 位 置 
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strings.xml 文件 ,能 够 看 到 本 程序 中 对 于 字符 串 的 设 定 情况 。 其 中 ,< resources > 
</resources> 标 记 为 根 元 素 , 并 且 使 用 < string ></string > 标记 对 字符 串 进行 定义 ; string 
name 后 面 填写 字符 串 的 名 称 ,字符 串 的 具体 内 容 填 写 在 < string > 与 </string > 两 个 标记 
之 间 。 
strings.xml 中 的 代码 编写 如 下 : 
<?xml version = "1.0" encoding = "utf ~ 8" standalone = "no"?> 
< resources > 
< string name = "app_name"> 1 </string> 
< string name = "hello world">[Hello worldic/string» 


< string name = "actioh settings"» Settings «/string^ 
«/resources > 


字符 串 的 名 称 


字符 串 的 具体 内 容 

在 设置 字符 串 内 容 和 对 字符 串 进 行 布局 时 ,多 采用 下 面 这 种 方法 : 

CD 选中 res 文件 夹 下 values 中 的 strings. xml 文件 ,使 用 字符 串 资源 的 语法 格式 为 
“[< package >. ]R.string. 字 符 串 名 ”。 

(2) 通过 src 文件 夹 下 的 MainActivity.java 获取 字符 串 ,使 用 方法 为 “getResources( ). 
getString(R.string. 字 符 串 名 )”。 

(3) 在 布局 定义 组 件 时 (常用 方法 ) ,通过 字符 串 资 源 为 android: text 指定 属性 ,具体 应 


用 为 “android: text 一 "@string/introduce"/>”。 
2. 颜色 资源 


在 进行 App 界面 设计 时 ,颜色 (Color) 是 一 项 十 分 重要 的 参数 。 颜 色 的 恰当 运用 能 够 
使 得 App 的 视觉 呈现 更 具 吸 引力 ,并 且 在 辅助 用 户 对 于 App 功能 的 理解 与 应 用 方面 锦 上 
添 花 。 对 于 颜色 的 设 定 与 使 用 ,是 程序 员 开 发 App 必 不 可 少 的 技能 。 

对 于 Android 开发 而 言 , 内 部 所 采用 的 色彩 模型 为 RGB 模型 , 即 由 红 、 绿 、 蓝 三 原色 组 
成 ,同时 还 有 透明 度 (Alpha) 数值 的 设 定 ,通常 对 颜色 的 定义 有 4 种 形式 , BI # RGB, 
# ARGB 、#RRGGBB、#AARRGGBB。 其 中 .AR.G、B 的 取 值 均 为 0 一 f; AA、RR、GG、 
BB 的 取 值 均 为 00 一人。 

颜色 资源 文件 colors. xml 位 于 res 文件 夹 下 的 values 中 ,如 图 4-3 所 示 。 双 击 打 开 
colors.xml 文件 ,能够 看 到 本 程序 中 对 于 颜色 的 设 定 情况 。 其 中 ,< resources ></resources > 标 
记 为 根 元 素 , 并 且 使 用 < color ></color > 标记 对 颜色 进行 定义 ; color name 后 面 填写 颜色 的 
名 称 , 颜 色 的 具体 设 定 填写 在 < color > 与 </color > 两 个 标记 之 间 。 
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图 4-3 颜色 资源 文件 所 在 的 位 置 


colors. xml 中 的 代码 编写 如 下 : 


<resources> 
< color name = "RGB"» & £00 </color > 
< color name = "ARGB"» # 70£0 </color > 
< color name = "RRGGBB"» # 00ff00 </color > 


< color name =[ RARRGGBB'P [#6600ff00]</color > 


</resources> 


颜色 资源 名 称 具体 颜色 设 定 
在 设置 颜色 资源 名 称 和 对 颜色 进行 设 定时 ,多 采用 下 面 这 种 方法 : 
CD 在 Java 文件 中 使 用 颜色 资源 ,基本 语法 为 [< package >.]R.color. 颜 色 资 源 名 称 ”。 
(2) 在 设置 文字 颜色 时 ,通过 src 文件 夹 下 的 MainActivity.java 获取 颜色 资源 。 以 
TextView 组 件 为 例 , 使 用 方法 为 : 


TextView color = (TextView)findViewById(R. id. title); 
color. setTextColor(getResources(). getcolor(R. color. 颜色 资源 名 称 ); 


(3) 在 XML 文件 中 使 用 颜色 资源 ,基本 语法 为 “@[< package >: jcolor/ 颜 色 资 源 
名 称 ”。 
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3. 尺寸 资源 


为 了 突出 重点 或 者 形成 等 级 差异 ,对 于 文字 、 图 形 、 图 表 等 资源 的 尺寸 进行 设 定 是 十 分 
便捷 的 解决 方法 。 在 开发 App 的 过 程 中 ,尺寸 资源 的 设 定 与 使 用 是 其 界面 设计 中 的 关键 
环节 。 

基于 Android 环境 对 App 进行 开发 ,常用 的 尺寸 单位 如 表 4-1 所 示 。 


表 4-1 Android 支持 的 尺寸 单位 及 相关 说 明 


单位 表示 单位 名 称 单位 说 明 
px 像素 屏幕 上 的 真实 像素 表示 
in 英寸 基于 屏幕 的 物理 尺寸 表示 
mm 毫米 基于 屏幕 的 物理 尺寸 表示 
pt 点 基于 字体 尺寸 表示 
dp 和 精度 无 关 的 像素 相对 于 屏幕 物理 密度 的 抽象 单位 
sp 和 精度 无 关 的 像素 类 似 于 dp 


CD px: BRZ pixel) ,手机 视图 是 由 一 个 个 像素 点 组 成 的 。 

(2) ini 英寸 ,lin 约 等 于 2.54cm, 主 要 用 来 描述 手机 屏幕 的 大 小 。 

(3) pt: 通常 用 来 作为 字体 的 尺寸 单位 ,1pt 相当 于 1/72in。 

(4) dp (dip): 即 设备 无 关 像素 (device independent pixels) ,这 种 尺寸 单位 在 不 同 设备 
上 的 物理 大 小 相同 。 

(5) sp: 它 通常 用 作 字 体 的 尺寸 单位 ,实际 上 其 大 小 还 与 具体 设备 上 的 用 户 设 定 有 关 。 

尺寸 资源 文件 dimens.xml 位 于 res 文件 夹 下 的 values 中 ,如 图 4-4 所 示 。 双 击 打开 
dimens.xml 文件 ,能 够 看 到 本 程序 中 对 于 尺寸 的 设 定 情况 。 其 中 ,< resources ></resources 
> 标记 为 根 元 素 ,并 且 使 用 < dimen ></dimen > 标记 对 尺寸 定义 常量 。dimen name 后 面 填 
写 尺 寸 的 名 称 , 尺 寸 的 具体 数值 设 定 填 写 在 < dimen > 与 </ dimen > 两 个 标记 之 间 。 

dimens. xml 中 的 具体 代码 如 下 : 


<resources> 


<! —— Default screen margins, per the Android Design guidelines. --> 


imen name = "activi! vert teat margin" I6: dimen > 
</resources > 
尺寸 资源 名 称 具体 尺寸 大 小 


在 设置 尺寸 资源 名 称 与 具体 尺寸 大 小 时 ,多 采用 下 面 这 种 方法 : 
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图 4-4 尺寸 资源 文件 所 在 的 位 置 


(1) 在 Java 文件 中 使 用 尺寸 资源 ,基本 语法 为 “*[< package >.]R.dimen. 尺 寸 资源 
名 称 ”。 

(2) 在 设置 文字 尺寸 时 ,通过 src 文件 夹 下 的 MainActivity.java 获取 尺寸 资源 。 以 
TextView 组 件 为 例 ,使 用 方法 为 : 

TextView dimen = (TextView)findViewById(R. id. title); 

dimen. setTextSize(getResources().getDimension(R. dimen. 尺寸 资源 名 称 ); 

(3) 在 XML 文件 中 使 用 尺寸 资源 ,基本 语法 为 "@[< package >; ]dimen/ 尺 寸 资源 
名 称 ”。 


4. 图 片 资源 


在 App 的 开发 过 程 中 ,图 片 资源 的 使 用 是 必 不 可 少 的 。 图 像 具 有 的 形象 性 .生动 性 等 
特点 是 文字 所 无 法 比拟 的 。 因 此 ,制作 一 个 优秀 的 App 需要 提供 与 其 功能 和 使 用 方法 相 匹 
配 的 图 形 图 像 。 

图 片 资源 的 来 源 比较 广泛 ,在 一 般 情况 下 ,可 以 通过 网 络 进行 下 载 ,或 者 自己 绘制 出 各 
种 格式 的 图 形 图 像 ,例如 .jpeg、.png、gif 等 常用 的 格式 。 当 然 ,对 于 Android 开发 而 言 ,在 
安装 SDK 时 便 自 带 制图 工具 Draw 9-patch, 如 图 4-5 所 示 。 该 制图 工具 最 大 的 优点 在 于 所 
生成 的 图 像 具 有 相关 性 , 即 能 够 与 手机 屏幕 的 大 小 、 方 位 等 情况 进行 实时 调整 , 且 不 失真 ， 
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A 


显示 效果 较 好 。 该 工具 的 使 用 方法 如 下 : 


[AE] draw9patch 


» 计算 机 ， RECOVERY (E) ， android-sdk-windows » tools 
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support 
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图 4-5 Draw 9-patch 工具 的 位 置 


步骤 1: Draw 9-patch 工具 位 于 安装 SDK 的 目录 下 的 tools 文件 夹 中 ， 


draw9patch 图 标 , 进 入 该 工具 的 工作 界面 ,如 图 4-6 所 示 


[zl 


Draw 9-patch 


File 


步骤 2: 导入 图 片 。 选 择 工作 界面 左上 角 的 File 命令 .弹出 一 个 菜单 栏 ,其 中 有 Open 


图 4-6 Draw 9-patch 的 工作 界面 


双击 


9-patch( 打 开 图 片 ) 选 项 .Save 9-patch( 保 存 图 片 ) 选 项 和 Quit( 退 出 ) 选 项 ,如 图 4-7 所 示 。 
命令 ,选择 本 地 计算 机 中 已 经 保存 好 的 图 片 ,导入 到 Draw 9-patch 工具 


选择 Open 9-patch 


"——' 
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中 。 工 作 界面 的 左 侧 为 导入 图 片 的 初始 状态 ,可 通过 Ctrl 与 Shift 键 配 合 鼠 标 左 键 对 其 选 
用 范围 进行 调整 ; 工作 界面 的 右 侧 为 该 图 像 的 拉 伸 预览 图 ,分 别 为 纵向 拉 伸 、 横 向 拉 伸 和 整 
体 拉 伸 ,如 图 4-8 所 示 。 
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图 4-7. Draw 9-patch 的 菜单 栏 
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步骤 3: 保存 图 片 。 选 择 File| Save 9-patch 命令 ,将 图 片 另 存 到 指定 地 址 ,并 重新 命名 ， 
即 可 生成 扩展 名 为 .9.png 的 图 片 . 它 可 成 为 App 开发 时 的 图 像 资源 ,并 通过 程序 调用 。 

注意 : 扩展 名 为 .9.png 和 9-patch 的 图 片 均 可 成 为 App 开发 时 的 图 像 资源 。 

在 引用 图 像 资源 与 对 图 像 进行 设 定时 ,多 采用 下 面 这 种 方法 。 

(1) 在 Java 文件 中 访问 图 像 资源 ,基本 语法 为 “[< package>.]R.drawable.< 文 件 名 称 >”。 

(2) 在 设置 图 像 显 示 时 ,通过 src 文件 夹 下 的 MainActivity.java 获取 图 像 资 源 。 以 
ImageView 组 件 为 例 ,使 用 方法 为 : 


a 
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ImageView pic = (ImageView)findViewById(R. id. ImageViewl); 
pic. setImageResource(R. drawable. head) ; 


(3) 在 XML 文件 中 使 用 图 像 资 源 , 基 本 语法 为 “@[< package >; ]drawable/ X fF 
名 称 ”。 
4.2.3 介绍 布局 类 


为 了 App 的 UI 组 件 设计 适应 于 不 同型 号 手机 的 屏幕 大 小 与 比例 ,Android 提供 了 不 
同类 型 的 布局 方式 。 在 创建 App 时 ,在 Android Studio 窗口 左 侧 的 项 目 模块 中 会 呈现 出 整个 
程序 的 结构 。 布 局 文件 就 位 于 res 文件 夹 下 的 layout 文件 夹 中 , 即 main.xml, 如 图 4-9 所 示 。 


图 4-9 布局 资源 文件 的 结构 位 置 


双击 打开 main.xml 文件 ,能 够 看 到 本 程序 中 对 于 布局 的 设 定 情况 。 对 于 布局 资源 的 
设 定 , 包 括 AbsoluteLayout (ffi XJ ffi J&]) , LinearLayout (ÉR PE fi 3) , RelativeLayout( 相 对 布 
局 ) , TableLayout C ftt fi F ) .FrameLayout( 帧 布局 ) .GridLayout( 网 格 布局 )6 种 布局 方 
式 。 其 中 ,AbsoluteLayout 是 通过 设 定 x、y 的 数值 为 文字 、 图 片 等 资源 进行 位 置 设 定 ,虽然 
十 分 精确 ,但 考虑 到 手机 屏幕 尺寸 的 多 样 性 与 屏幕 翻转 的 应 用 性 ,这 种 布局 方式 逐渐 显示 
出 其 局 限 性 ; LinearLayout 较 AbsoluteLayout 适用 性 更 强 , 这 种 方式 会 使 系统 以 顺序 动态 
的 方式 将 文字 、 图 片 等 资源 放置 在 屏幕 上 ,但 是 LinearLayout 只 能 设 定 水 平和 垂直 中 的 一 
种 方向 ,因此 仍然 具有 较 大 的 局 限 性 ; RelativeLayout 则 是 适用 性 最 高 .最 为 人 性 化 的 布局 
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方式 , 它 能 够 通过 定义 相对 位 置 很 好 地 将 子 视图 动态 地 固定 在 其 父 视图 的 相关 位 置 , 且 对 
于 手机 屏幕 的 通用 性 与 屏幕 翻转 的 变化 性 有 优秀 的 表现 ; GridLayout 是 Android 4.0(API 
Level 14) 新 引入 的 网 格 和 矩阵 形式 的 布局 控件 。 

在 访问 布局 资源 时 ,多 采用 下 面 两 种 方法 。 

CD 在 Java 开发 中 ,使 用 下 面 布局 资源 的 语法 格式 进行 访问 : 

[< package>. ]R. layout.< 文 件 名 称 > 

(2) 在 XML 文件 中 ,使 用 下 面 布局 资源 的 语法 格式 进行 访问 : 


@[< package>:]layout. 文 件 名 称 


1. AbsoluteLayout( 绝 对 布局 ) 


< AbsoluteLayout ></AbsoluteLayout > 标记 为 根 元 素 , 具 体 的 语法 格式 为 : 


< AbsoluteLayout xmlns: android = "http://schemas. android. con/apk/res/android" 
属性 列表 
> 


</AbsoluteLayout > 


其 常用 的 基本 属性 如 下 。 
android:layout_x: 用 于 设 定 当前 子 类 控件 的 x 位 置 。 
android:layout_y: 用 于 设 定 当前 子 类 控件 的 y 位 置 。 


2. LinearLayout( 线 性 布局 ) 


<LinearLayout ></LinearLayout > 标记 为 根 元 素 , 具 体 的 语法 格式 为 
< LinearLayout xmlns: android = "http://schemas.android. com/apk/res/android" 
属性 列表 

> 


</LinearLayout > 


其 常用 的 基本 属性 如 下 。 

(I) android: orientation; 用 于 设 定 水 平 排列 或 垂直 排列 。vertical 为 垂直 排列 (也 为 
默认 值 ) horizontal 为 水 平 排列 。 

(2) android: gravity: 用 于 设 定 放置 的 方向 。center 为 水 平 、 垂 直 皆 居中 ; center_ 
vertical 为 垂直 居中 ; center. horizontal 为 水 平 居中 ; top 为 置顶 ; bottom 为 置 底 ; left 为 置 
左 ; right 为 置 右 。 


(00) 
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(3) android: layout_weight: 用 于 设 定子 元 件 或 子 框架 的 比重 。 

(4) android: layout. width: 用 于 设 定 组 件 的 宽度 。match_parent 为 组 件 的 宽度 与 父 
容器 匹配 ; wrap content 为 组 件 的 宽度 刚好 能 够 包容 其 中 内 容 ,例如 文字 或 图 片 等 。 

(5) android: layout height: 用 于 设 定 组 件 的 高 度 。 

(6) android: id: 用 于 为 组 件 设 定 id 属性 。 

(7) android: background: 用 于 设 定 背 景 。 


3. RelativeLayout( 相 对 布局 ) 


< RelativeLayout ></RelativeLayout > 标记 为 根 元 素 , 具 体 的 语法 格式 为 : 
«RelativeLayout xmlns : android = "http://schemas. android. com/apk/res/android" 
属性 列表 

> 


</RelativeLayout > 


其 常用 的 基本 属性 如 下 。 
CD android: gravity: 用 于 设 定 布局 中 各 个 组 件 间 的 对 齐 方式 。 
(2) android: ignoreGravity: 用 于 设 定 布 局 中 哪个 组 件 不 受 gravity 属性 制约 。 


4. TableLayout( 表 格 布局 ) 


< TableLayout ></TableLayout > 和 < TableRow></TableRow > 标记 为 根 元 素 , 具 体 
的 语法 格式 为 : 


< TableLayout xmlns: android = "http://schemas. android. com/apk/res/android" 
属性 列表 
> 


< TableRow 属性 列表 > UI 组件 </TableRow > 
</RelativeLayout > 


其 常用 的 基本 属性 如 下 。 

(1) android; collapseColumns: 用 于 设 定 隐 藏 的 列 。 

(2) android: stretchColumns : 用 于 设 定 可 伸展 的 列 。 该 列 可 以 向 行 方 向 伸展 ,最 多 
可 占据 一 整 行 。 

(3) android; shrinkColumns: 用 于 设 定 可 收缩 的 列 。 当 该 列子 控件 的 内 容 太 多 ,已 经 
挤 满 所 在 行 时 ,该 子 控件 的 内 容 将 往 列 方向 显示 o 
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5. FrameLayout( 帧 布局 ) 


< FrameLayout ></FrameLayout > 标记 为 根 元 素 , 具 体 的 语法 格式 为 : 


< FrameLayout xmlns: android = "http://schemas. android. com/apk/res/android" 
属性 列表 
= 


</FrameLayout > 


其 常用 的 基本 属性 如 下 。 
(1) android; foreground; 用 于 设 定 前 景 图 像 。 
(2) android: foregroundGravity: 用 于 设 定 前 景 图 像 的 位 置信 息 。 


6. GridLayout( 网 格 布局 ) 
< GridLayout ></GridLayout > 标记 为 根 元 素 ,具体 的 语法 格式 为 : 


< GridLayout xmlns: android = "http://schemas. android. con/apk/res/android" 
属性 列表 


</GridLayout > 


其 常用 的 基本 属性 如 下 。 
(1) android: columnCount: 用 于 设 定 最 多 的 列 数 ,为 整数 。 
(2) android: rowCount: 用 于 设 定 最 多 的 行 数 ,为 整数 。 


4.5 项 目 运行 


4.3.1 字符 串 资源 


【 例 4.1】 创建 一 个 手机 App 项 目 , 将 其 命名 为 4.1, 通 过 对 字符 串 的 设 
与 设计 ,制作 一 个 “美丽 新 世界 ”App 的 简介 界面 。 
步骤 1: 在 Android Studio 中 导入 名 为 “4.1” 的 项 目 文件 夹 , 选 择 res X 
件 夹 下 values 中 的 strings. xml 文件 ,可 见 其 中 对 于 字符 串 的 命名 分 别 为 
title、introduce、company、url, 具 体 代 码 如 下 : 


{82 


项 目 4 ”设计 App 的 


<resources> 

«string name = "app_name"> 4.1 字符 串 资源 案例 </string> 

< string name = "title"> 美 丽 新 世界 </string> 

< string name = "introduce">《 美 丽 新 世界 }》 是 英国 作家 阿 道 司 . 赫 在 黎 创作 的 长 篇 小 说 《美丽 
新 世界 ) 的 故事 背景 设 在 福特 纪元 632 4E (Bl ig i HRK 2532 年 ) 的 人 类 社会 . 它 是 世界 性 国家 ,被 称 
之 为 "文明 社会 ", 之 外 还 有 "蛮族 保留 区 ", 由 一 些 印第安 部 落 居住 . 伯 纳 和 列宁 娜 去 保留 区 游览 时 遇 
到 了 约翰 和 他 的 母亲 琳 达 , 琳 达 曾 是 新 世界 的 居民 ,来 游玩 时 不 慎 坠 下 山崖 而 留 下, 并 生 下 了 约翰 . 
伯 纳 出 于 自己 的 目的 ,将 琳 达 母子 带 回 新 世界 , 琳 达 很 快 因 服用 过 量 的 唆 麻 (一 种 兴奋 剂 ) 而 死 , 约翰 
对 新 世界 也 由 崇拜 转 为 厌恶 ,与 新 世界 激烈 冲突 后 自 缕 身 亡 .</string> 

< string name = "company"> 作 品 出 处 : Chatto and Windus </string> 

< string name = "url"> 作 品 网 址 : https://baike. sogou. com </string> 

</resources> 


步骤 2; 选择 res 文件 夹 下 layout 中 的 main.xml 文 件 ,可见 其 中 对 于 上 述 4 个 字符 串 
资源 进行 了 字体 、 位 置 .布局 等 属性 的 设 定 ,具体 代码 如 下 : 


android: text = "@string/title" 

android:gravity = "center" 

android:layout_width = "match parent" 

android:layout height = "wrap content" 
人 > 


< TextView 
android:layout width- "wrap content" 
android:layout height = "wrap content" 
android: text = "(9string/introduce" 

/> 


< TextView 
android:layout_width = "match parent" 
android:layout height = "wrap_content" 
android:gravity = "center" 
android: text = "@string/company" 
/> 


< TextView 
android: text = "(Qstring/url" 
android:gravity = "center" 
android: layout_width = "match parent" 
android:layout height = "wrap content" 
/> 
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步骤 3: 运行 该 项 目 ,手机 模拟 器 显示 效果 如 图 4-10 


4.3.2 ”颜色 资源 


基于 例 4.1, 分 别 为 该 App 界面 上 所 呈现 的 4 类 文字 进行 
颜色 的 设 定 。 

步骤 1: 在 Android Studio 中 导入 名 为 “4.1” 的 项 目 文件 
3€ ,选择 res 下 的 values 文件 夹 , 新 建 名 为 colors. xml 的 文件 ， 
并 为 title、introduce、company、url 的 颜色 进行 设 定 ,具体 代码 
WTF: 


图 4-10 字符 串 资源 设 


<?xml version = "1.0" encoding = "utf - 8"?» 置 的 运行 效果 
«resources > 

< color nane = "title">#ff0 </color > 

< color name = "introduce"» & 0£0 </color > 

< color name = "company" # Off </color > 

< color nane = "url"># 908f </color > 
</resources > 


步骤 2: 选择 res 文件 夹 下 layout 中 的 main.xml 文件 ,添加 对 于 上 述 4 个 颜色 资源 的 
设 定 ,具体 代码 如 下 : 


< TextView 
android: text = "(Qstring/title" 
android: textColor = "@color/title" 
android:gravity = "center" 
android:layout width = "match parent" 
android:layout height = "wrap content" 
/ 


< TextView 
android:layout width- "wrap content" 
android:layout height - "wrap content" 
android: text = "(9 string/introduce" 
android: textColor = "@color/ introduce" 
人 > 


< TextView 
android:layout width = "match parent" 
android:layout height = "wrap content" 
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android:gravity = "center" 

android: text = "(4 string/company" 

android: textColor = "@color/title" 
/> 


< TextView 
android: text = "@string/url" 
android:gravity = "center" 
android: textColor = "@color/url" 
android: layout width= "match parent" 
android:layout_height = "wrap_content" 
人 > 


步骤 3: 运行 该 项 目 ,手机 模拟 器 显示 效果 如 图 4-11 
所 示 。 


4.3.3 ”尺寸 资源 图 4-11 颜色 资源 设置 
的 运行 效果 


基于 例 4.1, 分 别 为 该 App 界面 上 所 呈现 的 4 类 文字 进行 尺寸 大 小 的 设 定 。 

步骤 1: 在 Eclipse 中 导入 名 为 “4.1” 的 项 目 文件 夹 ,选择 res 下 的 values 3CfT Jc 3r t 
名 为 dimens.xml 的 文件 ,并 为 title introduce, padding titlePadding 的 尺寸 进行 设 定 ,具体 
代码 如 下 : 


<?xml version= "1.0" encoding = "utf ~- 8"?> 
<resources> 

< dimen name = "title"> 30dp </dimen > 

<dimen name = "introduce"> 16dp </dimen> 

< dimen name = "padding"» 10dp </dimen > 

< dimen nane = "titlePadding"» 10dp </dimen > 
</resources> 


步骤 2: 选择 res 文件 夹 下 layout 中 的 main.xml 文件 ,添加 对 于 上 述 4 个 尺寸 资源 的 
设 定 ,具体 代码 如 下 : 


< TextView 
android: text = "(Qstring/title" 
android:padding = "(2 dimen/titlePadding" 
android:textSize = "(Odimen/title" 
android:textColor = "(Zcolor/title" 
android:gravity = "center" 
android:layout width = "match parent" 
android:layout height - "wrap content" 
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人 > 

< TextView 
android:layout width- "wrap content" 
android:layout height - "wrap content" 
android: text = "(4 string/introduce" 
android:textColor = "@color/introduce" 
android:textSize = "@dimen/introduce" 


人 > 


< TextView 
android: layout_width= "match parent" 
android:layout height = "wrap content" 
android:gravity = "center" 
android: padding = " (à dimen/padding" 
android: text = "(string/company" 
android: textColor = "(color/title" 

/> 

< TextView 
android:text = "@string/url" 
android:gravity = "center" 
android:textColor = "@color/url" 
android:paddingLeft = "@dimen/padding" 
android:layout width = "match parent" 
android:layout height = "wrap content" 


人 > 图 4-12 尺寸 资源 设置 
, z 的 运行 效果 
步骤 3: 运行 该 项 目 ,手机 模拟 器 显示 效果 如 图 4-12 所 示 。 


4.3.4 图 片 资源 


[9514.2] 创建 一 个 手机 App 项 目 , 将 其 命名 为 4.2, 通 过 对 图 像 的 调用 
与 设置 ,制作 一 个 带 有 按钮 的 App 界面 ,对 图 像 的 调用 方式 分 别 为 调用 普通 
图 片 、 调 用 9-patch 图 像 并 设置 精确 尺寸 .调用 9-patch 图 像 并 设置 交互 效果 。 

步骤 1. 准备 3 张 按钮 图 片 ,分 别 为 red.png、green.png 和 yellow.png. 
将 green.png 和 yellow.png 两 张 图 片 用 Draw 9-patch 进行 另存 为 操作 ,使 其 
扩展 名 变更 为 green.9.png 和 yellow.9.png, 如 图 4-13 所 示 。 

步骤 2: 在 Eclipse 中 导入 名 为 “4.2” 的 项 目 文件 夹 。 es — D 
选择 res 文件 夹 下 values 中 的 strings.xml 文件 ,对 3 个 ren G T 
按钮 上 的 文字 进行 设 定 ,具体 代码 如 下 : 


图 4-13 3 张 备 用 图 像 资 源 
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< resources > 
< string name = "hello"> Hello World, MainActivity!</string> 
< string name = "app_name"> 4.2 图 片 资源 </string> 
< string name = "picl"> 普 通 图 片 PNG </string> 
< string name = "pic2"> 9 - patch( 设 置 尺寸 )</string> 
< string name = "pic3"> 9 - patch( 有 交互 效果 )</string> 
</resources> 


步骤 3: 选择 res 文件 夹 下 layout 中 的 main.xml 文件 ,可 见 其 中 对 于 3 个 按钮 的 定义 
及 图 片 的 导入 ,具体 代码 如 下 : 


< Button 
android:id- "(9 + id/buttonl" 
android: background = " (2 drawable/red" 
android:layout margin = "5dp" 
android:layout width = "match parent" 
android:layout height = "50dp" 
android: text = "(string/picl" 
/> 


« Button 

:id- "(9 + id/button2" 

layout width- "match parent" 
layout height = "20dp" 

layout margin = "5dp" 
id:background = " (8) drawable/green" 
android:text = "(üstring/pic2" 


< Button 
android:id- "(9 + id/button3" 
android: background = "(Qdrawable/button state" 
android:layout margin = "5dp" 
android:layout width = "match parent" 
android:layout height = "wrap content" 
android: text = "(Qstring/pic3" 
/> 


步骤 4: 设 定 具有 交互 效果 的 按钮 功能 .在 drawable 目录 的 上 级 目录 (res 或 更 上 级 的 
目录 ) 右 击 , 选 择 New|Android resource file 选项 ,如 图 4-14 所 示 。 

步骤 5: 在 弹出 的 New Resource File 对 话 框 中 选择 Drawable 资源 类 型 ,并 输入 要 创建 
的 文件 类 型 ,如 图 4-15 所 示 。 
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4-14 选择 Android resource file 选项 


385 New Resource File x 
File name: button| nu 
Resourcetype: | Drawable - 


Root glement: ^ shape 
Source set: main M 


Directory name: | drawable 
Available qualifiers: Chosen qualifiers: 


$$ Network Code 

€) Locale 

[3 Layout Direction >> Nothing 
fi Smallest Screen Width 

E Screen Width 

H Screen Height 

Size 

E Ratio 


Cancel Help 


图 4-15 设置 按钮 


步骤 6: 运行 程序 ,得 到 如 图 4-16 所 示 的 效果 。 其 中 ,普通 图 片 PNG 按钮 为 直接 引用 
本 地 计算 机 的 PNG 图 片 , 因 与 手机 屏幕 大 小 不 匹配 ,所 以 有 失真 的 现象 出 现 ; 9-patch( 设 
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置 尺 寸 ) 按 钮 和 9-patch( 有 交互 效果 ) 按 钮 因 导 成 .9.patch 格式 的 图 片 , 所 以 没有 失真 的 现 
象 ,并 且 9-patch( 设 置 尺寸 ) 按 钮 因 重 新 设 定 了 宽 高 像素 值 而 变形 ,9-patch( 有 交互 效果 ) 按 
钮 能 够 在 单 击 时 变 为 普通 图 片 PNG 按钮 。 


ZEX] 
4.2 图 片 资源 


9-patch( 有 交互 效果 ) 


图 4-16 不 同类 型 图 片 资源 的 演示 效果 


4.3.5 布局 类 


【 例 4.3】 创建 一 个 手机 App 项 目 , 将 其 命名 为 4.3, 应 用 UI 设计 中 关 
于 布局 .资源 文件 的 应 用 等 方法 实现 《植物 大 战 僵 尸 》 游 戏 的 欢迎 界面 。 

步骤 1: 准备 图 像素 材 。 其 中 包括 游戏 欢迎 界面 的 背景 图 片 bgl.png 和 [m] 
bg2.png, 以 及 “开始 ?按钮 图 片 play.png“ 停 止 ? 按 钮 图 片 stop.png、“ 帮 助 ” 
按钮 图 片 help.png“ 分 享 ?按钮 图 片 share.png 等 ,如 图 4-17 所 示 。 将 上 述 素 材 放置 到 res 
下 的 drawable-mdpi 文件 夹 中 。 


ux amm O € rn 


bgl bg2 “play stop help share 
图 4-17 App 界面 视图 素材 
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步骤 2: 定义 和 设计 手机 界面 的 基本 文字 状态 。 新 建 名 为 4.3 的 Android 开发 包 , 在 
res F values 文件 夹 中 的 strings.xml 文件 中 修改 初始 代码 ,具体 代码 如 下 : 


<?xml version = "1.0" encoding = "utf - 8" standalone = "no"?> 
< resources > 

< string name = "hello"> 植 物 大 战 僵尸 </string> 

< string name = "app name"» 4.3 UI 界面 设计 </string> 
«/resources > 


步骤 3. 用 线性 布局 .相对 布局 和 网 格 布局 的 方式 定义 素材 及 相关 属性 。 在 res 下 
layout 文件 夹 中 的 main.xml 文件 中 修改 代码 ,具体 代码 如 下 : 


<?xml version = "1.0" encoding = "utf 一 8"?> 

< Linearlayout xmlns:android = "http://schemas. android. com/apk/res/android" 
android:orientation = "vertical" 
android:layout width- "fill parent" 
android:layout height = "fill parent" 


< ImageView android:layout width = "match parent" 
android:layout height = "wrap content" 
android: scaleType = "centerCrop" 
android:layout weight = "1" 
android: src = "(Qdrawable/bgl" 
android:contentDescription = "@null"/> 


< RelativeLayout 
android: id= "@ + id/relativeLayoutl" 
android: layout_width = "match_parent" 
android: layout_height = "wrap_content" 
android: layout_weight = "2" 
android: background = "@drawable/bg2" 
android:contentDescription = "@null" > 


< GridLayout 
android: id= "(9 + id/gridLayoutl" 
android: layout_width = "wrap content" 
android: layout_height = "wrap_content" 
android: layout_above = "@ + id/imageButton2" 
android:layout alignParentLeft = "true" 
android:layout marginLeft - "42dp" » 
«/GridLayout > 


< ImageView 
android: id = "(à + id/ImageView01" 
android:layout width- "wrap content" 
android:layout height = "wrap content" 
android:layout alignParentLeft = "true" 
android:layout below = "@ + id/imageButton0" 
android:layout marginTop = "33dp" 
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android:contentDescription = "@null" 
android:src = "(drawable/help" /> 


< InageView 
android: 
android: 
android: 
android 
android: 
android: 
android 


id- "(à + id/ImageView02" 
layout width- "wrap content" 
layout height = "wrap content" 


contentDescription = "@null" 
:src = "@drawable/share" /> 


< ImageView 
android: 
android: 
android: 
android: 
android: 
android: 
android: 
android: 


id- "(à + id/imageButton0" 
layout width- "wrap content" 
layout height = "wrap content" 
layout alignParentTop = "true" 
layout marginTop = "23dp" 
layout toRightOf 
contentDescription = "(Qnull" 
src = "(Qdrawable/play" /> 


< ImageView 
android: 
android: 
android: 
android: 
android: 


id- "@ + id/imageButton2" 
layout width- "wrap content" 
layout height = "wrap content" 


layout marginLeft = "32dp" 
android:layout toRightOf 
android:contentDescription = "@null" 
android: src = "(Qdrawable/stop" /> 


</RelativeLayout > 
</LinearLayout > 


步骤 4: 用 线性 布局 的 方式 定义 素材 及 相关 属性 。 
的 MainActivity.java 文件 中 修改 代码 ,具体 代码 如 下 : 


package con. ningrisoft; 


import android. app. Activity; 

import android. os. Bundle; 

import android. view. View; 

import android. view. View. OnClickListener; 
import android. widget. ImageView; 

import android. widget. Toast; 


public class MainActivity extends Activity ( 
GOverride 
public void onCreate(Bundle savedInstanceState) ( 
super. onCreate(savedInstanceState); 
setContentView(R. layout. main); 


:layout alignParentRight = "true" 
layout alignTop = "@ + id/ImageView01" 


"@ + id/ImageView01" 


layout alignTop = "(à + id/imageButton0" 


"(à + id/imageButton0" 


在 src F com. mingrisoft 文件 夹 中 
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addClick(); 

} 

public void addClick(){ 
ImageView img0 = (ImageView)findViewById(R. id. imageButton0); 
img0.setOnClickListener(new OnClickListener() { 


@Override 
public void onClick(View v) { 
// TODO Auto - generated method stub 
Toast. makeText(MainActivity. this, "开始 游戏 "，Toast. LENGTH_SHORT). show( ) ; 
} 
Di; 


ImageView img2 - (ImageView)findViewById(R. id. imageButton2); 
img2. setOnClickListener(new OnClickListener() { 


@Override 
public void onClick(View v) { 
// TODO Auto - generated method stub 
Toast. nakeText(MainActivity. this, "结束 游 戏 "，Toast. LENGTH SHORT). show(); 


ni 


) 


Jp 5. 通过 以 上 4 步 的 设置 ,运行 程序 ,得 到 App 欢迎 界面 ,如 图 4-18 所 示 。 


55908 
4.3 UI 界面 设计 
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图 4-18 App 欢迎 界面 的 视图 效果 
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4.4 项 目 结案 


通过 本 项 目的 图 文 讲 解 ,向 大 家 展示 了 如 何 对 手机 App 进行 界面 设计 与 开发 ,其 中 包 
括 6 种 布局 管理 器 及 其 相关 使 用 方法 和 属性 、 对 于 各 种 类 型 资源 的 定义 与 设置 ,以 及 相关 的 
案例 说 明 。 和 希望 大 家 在 这 样 翔实 的 讲解 下 ,能 够 掌握 App 界面 开发 的 技术 ,并 在 此 基础 上 
多 做 练习 ,以 达到 举一反三 的 学 习 效 果 。 


4.5 项 目 练习 


1. 开发 一 款 音 乐 App 的 开始 界面 ,使 用 线性 布局 对 相关 素材 进行 设计 。 

2. 开发 一 款 健康 运动 App 的 功能 菜单 界面 ,使 用 相对 布局 对 按钮 素材 进行 设计 ,并 添 
加 响应 机 制 。 

3. 开发 一 款 阅 读 App 的 书架 界面 ,使 用 表格 布局 对 图 像素 材 进行 设计 。 


> 
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理解 App 的 活动 


51 项 目 目标 : 理解 App 的 活动 机 制 与 状态 


本 项 目的 内 容 是 创建 和 设计 App 必 备 的 基础 理论 知识 。 任 何 一 个 App 都 像 人 的 生命 
一 样 ,有 开始 .运行 .暂停 和 消亡 ,在 这 个 过 程 中 ,可 以 用 各 种 方法 对 程序 进行 控制 。 本 项 目 
设 定 的 目标 为 掌握 Activity 的 状态 .生命 周期 及 相关 属性 ,熟练 编写 代码 实现 创建 
Activity iE E Activity 以 及 启动 .关闭 Activity 等 操作 。 


52 项 目 准备 


Android 具有 四 大 组 件 ,分 别 为 Activity、Service( 服 务 )、Content Provider( 内 容 提供 )、 
BroadcastReceiver( 广 播 接收 器 ) Activity 是 Android 组 件 中 最 基本 也 是 最 常用 的 四 大 组 
件 之 一 ,其 本 质 是 一 个 应 用 程序 组 件 , 专 门 为 人 机 交互 提供 可 视 化 屏幕 .交互 接口 ,并 完成 
交互 任务 。Activity 可 以 通过 setContentView(View) 来 显示 指定 控件 。 在 一 个 Android 应 
用 中 ,一 个 Activity 通常 就 是 一 个 单独 的 屏幕 . 它 上 面 可 以 显示 一 些 控件 ,也 可 以 监听 并 对 
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用 户 的 事件 做 出 响应 。Activity 之 间 通 过 Intent 进行 通信 。 


5.2.1 介绍 Activity 的 状态 


在 Android '} , Activity 拥有 以 下 4 种 基本 状态 。 

(1) Active/Running( 运 行 状态 ) : 一 个 新 Activity 启动 人 栈 后 , 它 在 屏幕 最 前 端 , 处 于 
栈 的 最 顶端 ,此 时 它 处 于 可 见 并 可 与 用 户 交 互 的 激活 状态 。 

(2) Paused( 和 暂停 状态 ) : 当 Activity 被 另 一 个 透明 或 者 Dialog 样式 的 Activity 覆盖 
时 ,处 于 Paused 状态 。 此 时 它 依 然 与 窗口 管理 器 保持 连接 ,系统 继续 维护 其 内 部 状态 ,所 以 
它 仍然 可 见 , 但 它 已 经 失去 了 焦点 , 故 不 可 与 用 户 交互 。 

(3) Stopped( 停 止 状态 ) : 当 Activity 被 另外 一 个 Activity 覆盖 .失去 焦点 并 不 可 见 时 ， 
处 于 Stopped RÆ. 

(4) Killed( 死 亡 状态 ) : Activity 被 系统 杀 死 回收 或 者 没有 被 启动 时 ,处 于 Killed 状态 。 

当 一 个 Activity 实例 被 创建 .销毁 或 者 启动 另外 一 个 Activity 时 , 它 在 这 4 种 状态 之 间 
进行 转换 ,这 种 转换 的 发 生 依赖 于 用 户 程序 的 动作 。 图 5-1 说 明了 Activity 在 不 同 状 态 之 
间 转 换 的 时 机 和 条 件 。 


图 5-1 Activity 的 4 种 状态 的 转换 


值得 注意 的 是 ,开发 Android 的 程序 员 开 启 一 个 Activity, 却 不 能 够 通过 Activity. 
finish() 方 法 结束 它 , 仅 能 使 其 被 回收 , 即 从 Active/Running 状态 转 到 Paused 状态 。 
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5.2.2 介绍 Activity 的 生命 周期 


根据 官方 文档 对 Activity 生命 周期 的 说 明 ( 如 图 5-2 所 示 ), 可 以 对 任 一 款 App 的 生命 
周期 活动 进行 描述 。 首 先 ,在 第 一 次 打开 某 款 App 时 ,当前 的 FirstActivity 即 被 执行 ,随后 
Android 系统 依次 调用 onCreate €) Jj iE, onStart () 方 法 .onResume() 方 法 ,使 得 
FirstActivity 完全 被 启动 ,并 显示 到 前 台 。 如 果 Intent 同时 启动 了 SecondActivity, 则 会 通 
过 onPause() 方 法 暂停 之 前 的 FirstActivity。 如 果 又 选择 了 Back 键 , 则 会 通过 onResume( ) 方 
法 重新 返回 到 FirstActivity, 而 SecondActivity 则 被 onStop() 方 法 所 销毁 。 如 果 想 继续 
SecondActivity, 则 需要 通过 onRestart () 方 法 来 实现 。 如 果 内 存 不 够 ,或 者 结束 了 
Activity, 那 么 就 会 通过 onDestroy ) 方 法 结束 整个 Activity, 必 须 重 新 创建 才能 重新 启动 
该 App。 


m  onCreate() 
aeris e 1 
1 ”监视 器 切 
换 到 活动 E onStat() je—  onRestart() 
二 1 
onResume() |-—— ———À4 
Process is 活动 
killed 运行 
i 
pem saz 一 二 
1 ”其 他 程序 | 1 ”活动 回 | 
L BRAR LB oj 
onStop() 
onDestroy() 


活动 
关闭 


图 5-2 Activity 生命 周期 循环 图 
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对 于 Activity 生命 周期 而 言 ,有 7 个 方法 能 够 帮助 Activity 进入 循环 流程 。 这 7 个 方 
法 分 别 为 onCreate ( ) , onRestart ( ) , onStart (0 , onResume ( ) , onPause ( ) , onStop ( ) 和 
onDestroyO 。 其 具体 的 使 用 情境 .详细 说 明 以 及 方法 之 间 的 承接 方法 如 表 5-1 所 示 o 


生命 周期 所 用 方法 


表 51 
使 用 情境 


Activity 生命 周期 方法 及 使 用 说 明 


详细 说 明 


承接 方法 


onCreate() 


首次 创建 Activity 时 
调用 


用 户 应 该 在 此 方法 中 执行 所 有 
正常 的 静态 设置 ,例如 创建 视 
图 ,将 数据 绑 定 到 列表 等 。 系 统 
向 此 方法 传递 一 个 Bundle 对 象 ， 
其 中 包含 Activity 的 上 一 状态 ， 
不 过 前 提 是 捕获 了 该 状态 


始终 后 接 onStart() 


onRestart() 


在 Activity 已 停止 并 
即将 再 次 启动 前 
调用 


Activity 被 重新 激活 时 ,就 会 调 
用 onRestart 方法 


始终 后 接 onStart() 


onStart() 


在 Activity 即将 对 用 
户 可 见 之 前 调用 


onStart() 是 Activity 界面 被 显示 
出 来 的 时 候 执行 的 


如 果 Activity 转 入 前 台 , 则 
后 接 onResume();， 如 果 
Activity 转 入 隐藏 状态 , 则 
后 接 onStop() 


onResume() 


在 Activity 即将 开始 
与 用 户 进行 交互 之 
前 调用 


此 时 , Activity 处 于 Activity ME 
栈 的 顶层 ,并 具有 用 户 输入 焦点 


始终 后 接 onPause() 


onPause() 


当 系 统 即将 开始 继 
续 另 一 个 Activity 时 
调用 


此 方法 通常 用 于 确认 对 持久 性 
数据 的 未 保存 更 改 、 停 止 动画 以 
及 其 他 可 能 消耗 CPU 的 内 容 ， 
诸如 此 类 。 它 应 该 非常 迅速 地 执 
行 所 需 操作 ,因为 它 返回 后 ,下 
一 个 Activity 才能 继续 执行 


如 果 Activity 返回 前 台 , 则 
后 接 onResume OO; 如 果 
Activity 转 入 对 用 户 不 可 
见 状态 , 则 后 接 onStopO ; 
如 果 它 在 后 台 仍 然 可 见 ， 
则 不 会 停止 


如 果 Activity 被 销毁 ,或 另 一 个 


如 果 Activity 恢复 与 用 户 的 


loony 在 Activity 对 用 户 不 | Activity( 一 个 现 有 Activity 或 新 交互 , 则 后 接 onRestart O; 
R 再 可 见 时 调用 Activity) 继 续 执 行 并 将 其 覆盖 ， 如 果 Activity 被 销毁 , 则 后 
就 可 能 发 生 这 种 情况 接 onDestroy() 
这 是 Activity 将 收 到 的 最 后 调 
用 。 当 Activity 结束 (有 人 对 
Activity 调用 了 finish O) ,或 系 
Ee A XN 统 为 节省 空间 而 暂时 销毁 该 Ri ENS 


Activity 实例 时 ,可 能 会 调用 它 。 
用 户 可 以 通过 isFinishing() 方 法 
区 分 这 两 种 情形 
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根据 Activity 官方 文档 说 明 ,Activity 的 生命 周期 有 3 个 重要 的 循环 对 。 

(1) 整个 生命 周期 : 从 调用 onCreate() 方 法 直到 调用 onDestroy() 方 法 的 整个 过 程 。 
Activity 需要 通过 onCreate() 方 法 准备 启动 全 局 状态 ,再 通过 onDestroy() 方 法 释放 所 有 的 
资源 。 例 如 , 当 一 个 线程 在 后 台 通 过 网 络 下 载 数据 时 , 则 通过 onCreate() 方 法 创建 线程 ,再 
通过 onDestroy() 方 法 停止 线程 。 

(2) 可 见 生命 周期 : 从 调用 onStart() 方 法 到 调用 onStop() 方 法 之 间 的 过 程 。 之 所 以 
称 之 为 可 见 生 命 周期 ,是 因为 用 户 可 以 直观 地 在 屏幕 上 看 到 这 个 过 程 ,并 且 能 够 保持 需要 
展示 给 用 户 的 资源 。 例 如 ,通过 调用 onStart() 方 法 注册 一 个 BroadcastReceiver, 用 于 监视 
使 UI 产生 变化 的 内 容 , 再 通过 调用 onStop() 方 法 取消 监视 。onStart() 方 法 和 onStop() 方 
法 可 以 在 被 用 户 可 见 和 隐藏 两 种 方式 切换 的 时 候 被 多 次 调用 。 

(3) 前 台 生 命 周期 : 从 调用 onResume() 方 法 到 调用 onPause() 方 法 之 间 的 过 程 。 在 此 
过 程 中 ,Activity 通过 前 台 与 用 户 产 生 交 互 。Activity 从 onResume() 到 onPause() 进 行 了 
十 分 频繁 的 切换 。 例 如 , 当 设备 处 于 休眠 状态 时 ,将 调用 onPause() 方 法 ; 当 result 和 一 个 
新 的 Intent 发 送 给 Activity 时 ,将 调用 onResume() 方 法 。 


5.2.3 介绍 Activity 的 属性 


Activity EJ Android 的 对 象 ,需要 通过 各 种 属性 的 设置 来 实现 。Activity 的 属性 类 型 
多 样 , 表 5-2 列 出 了 相关 属性 及 其 描述 和 调用 方法 。 


表 5-2 Activity 的 属性 详 表 


属 性 描 xk 调用 方法 
ee- 
ne 览 器 任务 
android: i a pois PI e A alwaysRetainTaskState = 
lwaysRetainTaskState hoaia PERAE IIN Aea o ran alae] 
n 于 最 后 的 状态 


例如 P 是 Activity, Q 是 被 P fh 
android; clearTaskOnLaunch | 发 的 Activity, 然 后 返回 Home, 
重新 启动 P, 是 否 显示 Q 


android: clearTaskOnLaunch 


["true"| "false" ] 


{98 
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续 表 
属 性 描 x 调用 方法 
当 配 置 List 发 生 修改 时 ,是 否 调 | android. configChanges = [oneormoreof: 
droid figCh 用 onConfigurationChanged () Jj. | " mcc"" mnc"" locale"" touchscreen" 
MEN 3k. 例如 " locale | navigation | | "keyboard" "keyboardHidden" "navigation" 
orientation" "orientation" " fontScale" ] 
android; enabled Activity 是 否 可 以 被 实例 化 android; enabled— [ "true" | "false" ] 
" 是 否 可 被 显示 在 最 近 打 开 的 | android: excludeFromRecents— [ "true" | " 
android; excludeFromRecents T 
Activity 列表 里 false"] 
android; exported ps ftW Activity 被 其 他 程序 Po, erpored= [true | "false"] 
TER 是 否 关闭 已 打开 的 Activity Cá | android: finishOnTaskLaunch — [ "true" |" 
android: finishOnTaskLaunch 用 户 重新 启动 这 个 任务 的 时 候 ) false"] 
android; icon 调用 图 标 android; icon— "drawableresource" 
android: label 调用 标签 android: label= "stringresource" 
Activity 启动 方式 : 
"standard"" singleTop "" singleTask " | android; launchMode = [ " multiple" 
android; launchMode "singleInstance" |" singleTop " |" singleTask " | 
其 中 前 两 个 为 一 组 ,后 两 个 为 | "singleInstance"] 
一 组 
i 可 以 多 实例 android; multiprocess = [ " true" | 
"false" ] 
android; name AUSTIN sod MOLIS android; name= "string" 
: roid: e= "stri 
类 名 的 简写 格式 e 
是 否 需要 移 除 这 个 Activity C4 
android: noHistory 用 户 切 换 到 其 他 屏幕 时 )。 这 个 “android: noHistory— [ "true" | "false" ] 
属性 是 在 APllevel3 中 引入 的 
android: permission 权限 与 安全 机 制 解 析 android: permission= "string" 
一 个 Activity 运行 时 所 在 的 进程 
aen 名 ,所 有 程序 组 件 运行 在 应 用 程 ip "string" 
roid: s roid: — 
xx E 序 默认 的 进程 中 ,这 个 进程 名 跟 Process sting 
应 用 程序 的 包 名 一 致 
Activity 显示 的 模式 ,"unspecified" 
为 默认 值 ; "landscape" 为 风景 画 模 android: screenOrientation = 
Å 1 : 式 ,宽度 比 高 度 大 一 些 ; "portrait”| [ "unspecified" | " user" | " behind" | 
android: screenOrientation 


为 肖像 模式 ,高 度 比 宽度 大 ; 
"user" 为 用 户 的 设置 ; 另外 还 有 


"behind"" "s E 


"landscape" | " portrait" | " sensor" | 


"nonsensor" ] 
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续 表 
属 性 Ho xk 调用 方法 
是 否 Activity 被 销毁 和 成 功 重启 | android: stateNotNeeded— [ " true" | 
android; stateNotNeeded 并 不 保存 状态 "false"] 
Activity 的 亲属 关系 ,默认 同一 
android; taskAffinity 个 应 用 程序 下 的 Activity 有 相同 | android; taskAffinity— "string" 
的 关系 
Activity 的 样式 主题 ,如 果 没 有 
android: theme DEUM Acn ENS IN android: theme— "resourceortheme" 


属于 应 用 程序 ,请 参见 
< application > 元 素 的 theme 属性 


android; windowSoftInputMode — [ one- 
ormoreof; "stateUnspecified"" state- 
Activity 主 窗 口 与 软 键盘 的 交互 | Unchanged" " stateHidden"" stateAl- 
模式 , 自 APIlevel3 被 引入 waysHidden"" stateVisible" " stateAl- 


android: windowSoftInputMode 
waysVisible"" adjustUnspecified " " ad- 


justResize" "adjustPan" J> 


5.3 ”项目 运行 


前 面 对 Activity 生命 周期 进行 了 讲解 ,本 节 将 通过 一 个 实例 让 大 家 生动 地 体验 项 目的 
生命 周期 是 如 何 进行 的 , 即 如 何在 App 项 目 中 创建 Activity, WEE Activity, 以 及 启动 
Activity, JH] Activity, 

在 Android 开发 中 ,在 src 文件 夹 下 会 自动 生成 一 个 MainActivity.java 文件 ,其 中 实现 
了 对 Activity 的 定义 及 onCreate() 方 法 的 调用 .具体 代码 如 下 : 


public class MainActivity extends ActionBarActivity { 


GOverride 

protected void onCreate(Bundle savedInstanceState) ( 
super. onCreate( savedInstanceState); 
setContentView(R.layout.activity main); 
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通过 调用 onCreate() 方 法 实现 savedInstanceState, 即 每 次 启动 一 个 Activity 后 ,能 够 
保持 在 一 个 界面 内 容 不 变 , 直 到 启动 另 一 个 Activity 才能 修改 界面 内 容 视 图 。 


5.3.1 创建 新 的 Activity 


【 例 5.1】 创建 一 个 新 的 Activity, 并 通过 代码 实现 新 建 Activity 的 设置 .启动 。 除 
了 新 建 项 目 时 自 带 的 Activity 以 外 ,还 需要 另外 新 建 其 他 Activity, 以 实现 其 他 界面 内 
容 的 布局 .调用 与 交互 。 为 了 定义 新 创建 的 Activity, 并 在 生命 周期 进行 运转 时 告知 
Android 系统 ,还 需 在 本 项 目 根 目录 下 的 AndroidManifest. xml 文件 中 进行 标注 ,具体 代 


码 如 下 : 


« application 
android: label = "(Qstring/app nane" > 
«activity 
android: label = "(Qstring/app name" 
android:name = ".MainActivity" > 
< intent - filter > 
<action android:name = "android. intent. action. MAIN" /> 


< category android:name = "android. intent. category. LAUNCHER" /> 
</intent - filter > 


</activity> 


<activity 
android:name = ".NewActivity" 
android: label = "新 建 Activity" 


> 


定义 创建 新 的 Activity 


</activity> 


</application> 


将 新 建 的 Activity 定义 为 NewActivity 的 名 字 后 ,继续 通过 Android Studio 创建 


NewActivity 活动 。 具 体 过 程 如 下 : 
步骤 1: 右 击 layout 文件 夹 ,选择 New—> Activity^ Basic Activity 命令 ,如 图 5-3 


Bi. 
步骤 2: 在 弹出 的 New Android Activity 对 话 框 中 填写 新 建 Activity 的 相关 配置 ,包括 


Activity Name, Layout Name, Title, Package Name 等 信息 ,如 图 5-4 所 示 。 


E 
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图 5-3 AE Activity 


i88 New Android Activity 


Configure Activity 


/以 


Creates a new basic activity with an app bar. 


Activity Name: 
CALME 
Títle: NewActivity 
C Launcher Activity 
[C Use a Fragment 
Hierarchical Parent: -l[- 
Package name: com snowman myapplication 
Source Language: Kotlin z 


The name of the activity class to create 


图 5-4 填写 新 建 Activity 的 相关 配置 
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由 Android Studio 自动 生成 的 代码 如 下 : 


package com. ningrisoft; 


import android. app. Activity; 
import android. os. Bundle; 


public class NewActivity extends Activity ( 


(QOverride 

protected void onCreate(Bundle savedInstanceState) { 
// TODO Auto - generated method stub 
super. onCreate( savedInstanceState); 


) 


步骤 3: 为 了 使 新 建 的 NewActivity 运行 时 有 新 的 界面 可 以 调用 ,需要 为 NewActivity 
新 建 一 个 布局 文件 ,命名 为 newactivity.xml, 如 图 5-5 所 示 。 然 后 在 NewActivity.java 文件 
中 添加 一 句 脚本 ,内 容 为 调用 setContentView () 方 法 为 NewActivity 指定 布局 文件 
newactivity.xml, 具 体 代码 如 下 : 


r Wapp 
b B9 manifests 
v Mjava 
v Ea com.example.myapplication 
@ MainActivity 
[Neway > 创建 NewActivity 新 活动 
> Bsjava (generated) 
v Wires 
> Ea drawable 
v Es layout 
io 创建 NewActivity 的 
MENU 
> Ea mipmap 
> Ea values 
Rz res (generated) 
» 4 Gradle Scripts 


图 5-5 在 项 目 中 创建 新 活动 与 新 布局 的 结构 


package com. ningrisoft; 


import android. app. Activity; 
import android. os. Bundle; 


public class NewActivity extends Activity { 


@Override 

protected void onCreate(Bundle savedInstanceState) { 
// TODO Auto - generated method stub 
super. onCreate( savedInstanceState); 


setContentView(R. layout. newactivity); 


增加 的 脚本 


5.3.2 ”为 新 建 Activity 设置 属性 


为 了 避免 新 建 Activity 启动 时 抛 出 异常 ,需要 在 AndroidManifest. xml. 文件 中 对 
NewActivity 进行 属性 设置 ,具体 代码 如 下 : 


<manifest xnlns:android = "http://schemas. android. con/apk/res/android" 
package 7 "com. ningrisoft" 
android:versionCode = "1" 


android:versionName = "1.0" > 
< uses - sdk android:ninSdkVersion = "15" /> 


«application 
android: icon = "(Gdrawable/ic launcher" 
android: label = "(Qstring/app name" > 
«activity 
android: label = "(Zstring/app name" 
android:name = ".MainActivity" > 
< intent - filter > 


<action android:name = "android. intent. action. MAIN" /> 


< category android:name = "android. intent. category. LAUNCHER" /> 
</intent - filter» 
«/activity» 
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«activity 
android: icon "(Zdrawable/ic launcher" 
android:name - ".NewActivity" 
android: label = "新 建 Rctivity" 
android:launchMode = "singleTask" 广 一 一 为 NewActivity 设 置 属性 
android:screenOrientation = "portrait" 
android:windowSoftInputMode - "stateHidden" 
> 

</activity> 


</application > 


</manifest> 


5.3.3 ”启动 Activity 
在 本 项 目 中 不 止 一 个 Activity, 因 此 在 启动 Activity 时 需要 调用 startActivity() 方 法 ， 
其 语法 格式 为 : 


Public void startActivity( Intent newintent) 


其 中 ,Intent 用 于 Activity 之 间 的 数据 传递 ,每 个 Intent 都 要 与 一 个 Activity 相对 应 。 
该 方法 应 编写 于 layout 文件 夹 下 新 建 的 newactivity.xml 文件 中 ,具体 代码 如 下 : 


<?xml version= "1.0" encoding = "utf 一 8"?> 

< LinearLayout xmlns:android = "http://schemas. android. con/apk/res/android" 
android: layout_width= "match parent" 
android:layout height = "match parent" 
android:orientation- "vertical" > 


« TextView 
android:id- "(9 + id/textViewl" 
android:layout width = "wrap content" 
android:layout height = "wrap content" 


/> 
Intent intent = new Intent(MainActivity. this, ToStartActivity.class); 


starthctiviity(newintent); 
«/LinearLayout > 


5.3.4 关闭 Activity 


关闭 Activity 的 方法 较为 简单 .如果 只 有 一 个 Activity, 只 需 调 用 finish O Zr i B np . Hc 
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语法 格式 如 下 : 


Public void finish() 


但 如 果 有 多 个 Activity, 则 需要 调用 finishActivity() 方 法 来 指定 关闭 Activity 对 象 ， 
SDK 的 官方 说 明文 档 如 下 : 


public void finishActivity (int requestCode) 

Since: API Level 1 

Force finish another activity that you had previously started with startActivityForResult(Intent, int). 
Parameters requestCode The request code of the activity that you had given to startActivityForResult(). I 
f there are multiple activities started with this request code, they will all be finished. 


package com. ningrisoft; 


import android. app. Activity; 
import android. os. Bundle; 


public class NewActivity extends Activity { 


@Override 

protected void onCreate(Bundle savedInstanceState) { 
// TODO Auto - generated method stub 
super. onCreate( savedInstanceState); 
setContentView(R. layout. newactivity); 
Button btnl = (Button)findViewById(R. id. btnl); 
btnl.setOnClickListener(new OnClickListener() ( 


@Override 
public void onClick(View v) { 
ActivityA. this. finishActivity(1); 


n; 


5.4 项 目 结案 


本 项 目 通过 实例 的 方式 从 Activity (活动 类 ) 的 4 种 基本 状态 谈 起 ,再 梳理 Activity 的 
生命 周期 ,并 在 此 基础 上 演示 了 如 何 创 建新 的 Activity、 设 置 Activity 以 及 控制 Activity 状 
态 等 操作 。 总 结 本 项 目 内 容 , 需 要 大 家 对 以 下 3 个 部 分 有 较为 深刻 的 理解 : 


项 目 5 “理解 App 的 活动 


(1) 创建 新 Activity 的 流程 。 
(2) 启动 Activity 与 关闭 Activity 的 方法 。 
(3) Activity 的 生命 周期 运转 方式 。 


ss ”项目 练习 


1. 开发 一 款 App, 并 在 其 中 设置 两 个 Activity, 调 用 startActivity() 方 法 实现 两 个 
Activity 的 启动 。 

2. 开发 一 款 App ,并 在 其 中 创建 3 个 Activity, 调 用 finishActivity() 方 法 实现 依次 结束 
3 个 Activity。 

3. 请 用 一 款 App 的 程序 代码 ,对照 Activity 生命 周期 示意 图 ,详细 解析 App 的 生命 周 


is. Go) 


> 
项 目 6 全 


设置 App 的 UI 组 件 


6.1 MARAR: 添加 与 设置 App 的 UI 组 件 


对 于 App 开发 与 设计 ,最 为 关键 的 是 用 户 的 信息 传递 以 及 与 用 户 之 间 的 交互 。 在 用 
Android 开发 App 时 ,最 常用 到 的 与 用 户 发 生 联 系 的 内 容 是 App 界面 上 各 种 不 同类 型 的 组 
件 。 可 以 说 ,组 件 是 构成 App 界面 的 关键 要 素 , 也 是 实现 人 机 交互 的 重要 元 素 。 本 项 目 将 
通过 大 量 的 实例 为 大 家 讲解 App 的 组 件 ,包括 基本 组 件 和 高 级 组 件 的 各 种 类 型 及 应 用 。 和 希 
望 大 家 通过 本 项 目的 学 习 , 能 够 实现 交互 界面 的 设计 与 开发 。 


62 TREE 


6.2.1 介绍 UI 组 件 : TextView 及 其 子 类 


TextView 意 为 文本 框 , 它 在 App 的 UI 界 面 开发 中 应 用 十 分 广泛 。TextView 继承 了 
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View 类 ,而 CheckedTextView, EditText, Chronometer, Button, TextClock 等 类 继承 了 
TextView, 如 图 6-1 所 示 。 


TextView 


1 


CheckedTextView EditText Chronometer Button TextClock 


AutoCompleteTextView ExtractEditText | CompoundButton 
! ! 
MultiAutoCompleteTextView CheckBox || RadioButton || ToggleButton || Switch 


图 6-1 TextView 及 其 子 类 继承 关系 结构 图 


1. TextView 


Android 中 的 TextView( 文 本 框 ) 组 件 用 来 存放 文本 信息 ,并 将 此 信息 呈现 在 手机 界面 
上 。 相 较 于 Java 开发 中 的 TextView, 它 的 包容 性 更 强 , 不 仅 能 够 存放 多 行文 本 信息 ,还 能 
够 兼容 带 图 片 的 文本 信息 。 

在 界面 上 添加 TextView 组 件 ,可 以 用 以 下 语法 通过 < TextView ></TextView > 标记 
来 编写 ,具体 代码 如 下 : 

<TextView 


属性 列表 
> 


</TextView> 


在 TextView 组 件 中 包含 大 量 支持 XML 的 属性 ,并 通过 调用 相关 方法 对 显示 的 文本 
进行 设置 ,如 表 6-1 所 示 。 


表 6-1 TextView 支持 的 XML 属性 与 相关 方法 


XML 属性 相关 方法 说 明 
" s i 是 否 将 符合 指定 格式 的 文本 
android; autoLink setAutoLinkMask( int) 转换 为 可 单 击 的 超 链接 形式 
android: autoText setKeyLinstener( KeyLinstener) isotope 
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续 表 
XML 属性 相关 方法 说 i 
URL, Email 
android: linksClickable | setLinksClickable( boolean) e a ^in mt 
控制 是 否 将 用 户 输入 的 文本 
android: capitalize setKeyLinstener( KeyLinstener) 
P 转换 为 大 写字 母 
android; cursorVisible setCursorVisible( boolean) VOCE GS E 
setCompoundDrawablesWithIntrinsicBounds 
droid; d bleBo 图 
pa (Drawable,Drawable,Drawable,Drawable) OCHO ER E 
setCompoundDrawablesWithIntrinsicBounds 
droid; d bleT. 图 
ERTE (Drawable,Drawable,Drawable,Drawable) EXE RE BONAR M IS e 
setCompoundDrawablesWithIntrinsicBounds 
droid; d bleEnd 
UM iiS (Drawable, Drawable, Drawable, Drawable) SXEREHOEMUM IER 
setCompoundDrawablesWithIntrinsicBounds 
droid; d bleLef 图 
HEN (Drawable, Drawable, Drawable, Drawable) SEX RESI MUR 
setCompoundDrawablesWithIntrinsicBounds 
droid; bleRigh 图 
和 (Drawable,Drawable,Drawable,Drawable) RUE 
android; setCompoundDrawablesWithIntrinsicBounds | 设置 文本 框 内 文本 与 图 形 的 
drawablePadding (Drawable, Drawable, Drawable, Drawable) | 间距 
tC. dD; blesWithIntrinsicBound: 
android; drawableStart | 在 文本 框 开始 绘制 图 像 


(Drawable,Drawable,Drawable,Drawable) 


当 显 示 文本 超过 了 TextView 


android: ellipsize setEllipsize( TextUitls, TruncateAt) 的 宽度 时 如 何 处 理 文本 
android: ems setEms(int) 设置 文本 框 的 宽度 
android: height setHeight(int) 设置 文本 框 的 高 度 
android: fontFamily setTypeface( Typeface) 设置 文本 框 内 文本 的 字体 
android: gravity setGravity(int) 人 
方式 

—! e 设置 文本 框 内 容 为 空 时 ,文本 
android: hint setHint(int) 框 内 默认 显示 的 提示 文字 
android; inputType setRawInputType(int) 设置 文本 框 输入 方式 
android: lines setLinesCint) 设置 文本 框 默认 占 几 行 
android: maxEms setMaxEms(int) 设置 文本 框 最 大 宽度 
android: maxHeight setMaxHeight(int) 设置 文本 框 最 大 高 度 
android: maxLength setMaxLength(int) 设置 文本 框 最 大 字符 长 度 
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续 表 
XML 属性 相关 方法 说 明 

android: maxWidth setMaxWidth(int) 设置 文本 框 最 大 宽度 
android; password set IransformatinMethod ( TransformatinMethod ) 设置 文本 框 是 一 个 密码 框 
android: textColor setTextColor(ColorStateList) 设置 文本 框 中 文本 的 颜色 
android: textColorLink setTextColorLink(int) 设置 文本 框 中 链接 的 颜色 
android; textSize setTextSize( float) 设置 文本 框 的 字体 大 小 
android; textStyle setTextStyle( Typeface) ic dal 


2. EditText 


EditText 意 为 编辑 文本 , 它 与 TexiView 组 件 之 间 的 区 别 在 于 ,EditText 组 件 能 够 实 
现 用 户 对 文本 的 输入 功能 ,而 TextView 不 能 。 对 于 EditText 组 件 而 言 , 有 多 种 形式 的 文 
本 类 型 可 以 被 用 户 输入 界面 ,包括 单行 文本 、 多 行文 本 及 特定 文本 形式 (电话 号 码 、 密 码 、 电 
子 邮 件 地 址 等 ) 。 

在 界面 上 添加 EditText 组 件 , 可 以 用 以 下 语法 通过 < EditText ></EditText > 标记 来 
编写 ,具体 代码 如 下 : 

<EditText > 

属性 列表 


</EditText > 


为 Edit Text 组 件 的 输入 类 型 赋值 有 多 种 选择 ,具体 类 型 与 调用 方法 如 表 6-2 所 示 。 


表 6-2 EditText 组 件 的 输入 类 型 及 调用 方法 


输入 类 型 调用 方法 in m 
—^*85 

textCapSentences android; inputType- "textCapSentences" A : 
textAutoCorrect android: inputType— "textAutoCorrect" 文本 自动 修正 
textAutoComplete android: inputType— "textAutoComplete" 文本 自动 完成 
textMultiLine android: inputType— "textMultiLine" 多 行 输入 
textImeMultiLine android: inputType— "textImeMultiLine" 输入 法 多 行 
textNoSuggestions android: inputType-— "textNoSuggestions" 不 提示 
textUrl android: inputType 一 "textUrl” URL 格式 
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[n 
续 表 
输入 类 型 调用 方法 会 p 
电子 地 址 
textEmailAddress android; inputType— "textEmailAddress" 格式 ndi 
textEmailSubject android: inputType— "textEmailSubject" 邮件 主题 格式 
textShortMessage android; inputType- "textShortMessage" 短 消息 格式 
textLongMessage android; inputType— "textLongMessage" 长 消息 格式 
textPersonName android; inputType— "textPersonName" 人 名 格式 
textPostalAddress android; inputType— "textPostalAddress" 邮政 格式 
textPassword android; inputType— "textPassword" 密码 格式 
textVisiblePassword android; inputType-— "textVisiblePassword" 密码 可 见 格式 
作为 网 页 表单 的 
textWebEditText android: inputType= "textWebEditText" 文本 格式 
textFilter android: inputType 一 "textFilter” 文本 筛选 格式 
textPhonetic android; inputType-— "textPhonetic" 拼音 输入 格式 
number android: inputType— "number" 数字 格式 
numberSigned android; inputType= "numberSigned" 有 符号 数字 格式 
可 以 带 小 数 点 的 
numberDecimal android; inputType= "numberDecimal" 
fizi 浮 点 格式 
phone android: inputType- "phone" 拨号 键盘 
datetime android; inputType= "datetime" 日 期 键盘 
time android: inputType " 时 间 键 盘 


3. Chronometer 


Chronometer 意 为 计时 器 ,用 于 记录 时 间 的 长 短 , 并 以 文本 的 形式 展现 在 界面 上 。 一 般 
而 言 ,Chronometer 组 件 常用 的 实现 方法 如 表 6-3 所 示 。 


表 6-3 Chronometer 组 件 的 方法 


方 法 名 说 明 
setFormat() 设置 计时 时 间 的 显示 样式 
setBase() 设置 计时 器 的 起 始 时 间 
Start 设置 计时 器 开始 
StopO 设置 计时 器 停止 
setOnChronometerTickListener() 监听 计时 器 事件 
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4. Button 


TE Android 开发 中 ,按钮 分 为 单 选 按钮 (RadioButton) 和 按钮 组 (RadioGroup)。 在 默 
认 情 况 下 , 单 选 按 钮 以 圆 形 的 图 标 显 示 , 在 设计 时 可 将 按钮 的 说 明文 字 放 在 旁边 。 当 把 多 
个 单 选 按钮 放置 在 一 个 按钮 组 中 时 ,按钮 之 间 可 以 实现 非 此 即 彼 的 选择 状态 , 即 当选 中 其 
中 某 个 单 选 按钮 时 ,按钮 组 中 的 其 他 按钮 将 自动 取消 被 选中 。RadioButton 是 Button 的 子 
类 ,可 以 直接 使 用 其 支持 的 各 种 属性 ,并 通过 在 XML 布局 文件 中 使 用 < RadioButton > 标记 
的 方法 实现 在 屏幕 中 添加 单 选 按钮 ,基本 格式 如 下 : 
< RadioButton 
android:id- "(à + id/ID 号 " 
android:text = "显示 文本 " 
android:layout width- "wrap content" 
android:layout height = "wrap content" 
android:checked = "true| false" 


= 
</RadioButton > 


— fit ifii Fi » RadioButton 组 件 需 要 与 RadioGroup 组 件 联 合 使 用 , 即 多 个 单 选 按钮 组 成 
一 个 单 选 按钮 组 ,并 在 XML 布局 文件 中 添加 RadioGroup 组 件 ,基本 格式 如 下 : 
< RadioGroup 
android:id- "(9 + id/ID €" 
android:layout width = "wrap content" 
android:layout height = "wrap content" 
android:orientation = "horizontal" 
> 


<! -- 添加 多 个 RadioGroup 组 件 --> 
</RadioGroup > 


6.2.2 介绍 UI 组 件 : ImageView 及 其 子 类 


在 手机 界面 中 ,ImageView( 图 像 视图 ) 组 件 是 十 分 直观 的 , 它 也 是 设计 中 被 关注 的 重 
点 。 顾 名 思 义 ,ImageView 是 显示 图 形 图 像 的 功能 性 组 件 。 一 般 而 言 ,在 Android 中 可 以 
通过 两 种 方式 实现 在 手机 界面 上 添加 图 像 视图 : 一 种 方式 是 在 XML 布局 文件 中 添加 
<ImageView></ImageView > 标记 ; 另 一 种 方式 是 在 Java 中 用 new 关键 字 来 创建 。 在 
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Android 编程 中 常用 第 一 种 方式 ,即将 放置 在 res 下 drawable 文件 夹 中 的 图 像 在 XML 布 
局 文件 中 进行 调用 ,具体 代码 如 下 : 


< ImageView 
属性 列表 
> 


</InageView > 
ImageView 组 件 派生 出 另外 两 个 类 : 一 个 是 ImageButton, 即 图 片 按 钮 ; 另 一 个 是 
QuickContactBadge, 即 用 于 显示 关联 到 特定 联系 人 的 图 片 。ImageView 组 件 及 其 派生 类 
支持 的 常用 XML 属性 如 表 6-4 所 示 。 
表 6-4 ImageView 支持 的 XML 属性 和 相关 的 方法 


XML 属性 相关 方法 说 9 
android; adjustViewBounds | setAdjustViewBounds(boolean) CWRESUUEN MERIT 
的 长 宽 比 
android; baseline setBaselineCint) 设置 视图 内 基线 的 偏 移 量 
android: A , 如 果 设 置 为 true, 将 父 视图 基线 
[net setBaselineAlignBottom(boolean) 与 ImageView 底部 边缘 对 齐 


android: cropToPadding 


setCropToPadding( boolean) 


如 果 设 置 为 true, 组 件 将 会 被 裁 
前 到 保留 ImageView 的 padding 


android: maxHeight setMaxHeight(int) 设置 最 大 高 度 
android: maxWidth setMaxWidth(int) 设置 最 大 宽度 
i 示 D 动 以 
android, scaleType setScaleType(ImageView.ScaleType) a Al 移动 
. . 设置 所 显示 的 Drawable 对 象 
android: src setImageResource(int) 
的 ID 
android: tint setColorFilter(int, PorterDuff.Mode) — | 将 图 片 浑 染 成 指定 的 颜色 


6.2.3 介绍 UI 组 件 : AdapterView 及 其 子 类 


AdapterView 组 件 是 一 个 重要 的 视图 组 件 ,继承 了 ViewGroup, 它 本 身 是 一 个 抽象 类 ， 
AdapterView 及 其 子 类 的 继承 关系 如 图 6-2 所 示 。 其 派生 的 子 类 在 用 法 上 十 分 相似 ,只 是 
显示 的 界面 有 一 定 的 区 别 。 

AdapterView 派生 了 3 个 类 ,分 别 是 AbsListView、AbsSpinner 和 AdapterViewAnimator. 
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ViewGroup 


不 


[AdapterView] 


1 h 
[AbsListView AbsSpinner [AdapterViewAnimator| 
->| 


o> 


LE RE I. 


h 
Spinner Gallery | [AdapterViewFlipper| [StackView 


A 
1 
1 
1 
1 
1 
1 


L 
ListView GridView F- 


ExpandableListView 


图 6-2 AdapterView 及 其 子 类 的 继承 关系 示意 图 


它们 都 可 以 实现 以 列表 的 形式 显示 数据 。 其 中 ,ListView、Gallery 和 GridView 等 是 上 述 类 
的 子 类 ,能 够 以 多 种 形式 显示 视图 效果 。 值 得 注意 的 是 ,ListView、GridView、 Spinner, 
Gallery 等 AdapterView 只 是 容器 ,而 Adapter 负责 提供 每 个 “列表 项 ”组 件 , AdapterView 
负责 采用 合适 的 方式 显示 这 些 列表 项 。 


1. ListView 


ListView( 列 表 视 图 ) 在 AdapterView 的 所 有 子 类 中 最 常用 , 它 以 垂直 的 列表 形式 显示 
列表 数据 信息 。 创 建 ListView 有 两 种 方法 : 一 是 直接 使 用 ListView 组 件 创建 ; 二 是 让 
Activity 继承 ListActivity。 使 用 ListView 组 件 创建 ,通常 可 以 在 XML 布局 文件 中 添加 
<ListView ></ListView > 标记 ,或 者 在 Java 文件 中 通过 new 关键 字 创 建 。 在 XML 布局 
文件 中 添加 ListView 的 基本 格式 如 下 : 


«ListView 
属性 列表 


</ListView> 


ListView 的 XML 属性 如 表 6-5 所 示 。 
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Bas. 
R 6-5 ListView 的 XML 属性 
XML 属性 说 明 
android: divider 在 列表 条 目 之 间 显示 的 drawable 或 color 
android: dividerHeight 用 来 指定 divider 的 高 度 


构成 ListView 的 数组 资源 的 引用 。 对 于 某 些 固定 的 资源 ,这 个 属性 
提供 了 比 在 程序 中 添加 资源 更 加 简便 的 方式 

当 设 为 false 时 ,ListView 将 不 会 在 各 个 footer 之 间 绘 制 divider, 其 
默认 为 true 

当 设 为 false 时 ,ListView 将 不 会 在 各 个 header 之 间 绘 制 divider, 其 
默认 为 true 


android: entries 


android: footerDividersEnabled 


android: headerDividersEnabled 


2. Spinner 


Spinner 组 件 即 列表 选择 框 ,能 够 实现 弹出 相应 菜单 供用 户 选择 的 视图 效果 。 创 建 
Spinner 有 两 种 方法 : 一 是 在 XML 布局 文件 中 添加 < Spinner ></Spinner > 标记 ; 二 是 在 
Java 文件 中 通过 new 关键 字 进 行 创 建 。 在 XML 布局 文件 中 添加 Spinner 的 基本 格式 
如 下 : 


< LinearLayout 
android:layout_width = "fill_parent" 
android:layout_height = "fill_parent" 
android:orientation = "vertical" > 


< Spinner 
android:id- "(9 + id/spinner1" 
android:layout_width = "wrap_content" 
android:layout_height = "wrap_content" 
android:entries = "@array/languages" 

> 

</Spinner > 

</LinearLayout > 


Spinner 的 XML 属性 如 表 6-6 所 示 。 


表 6-6 Spinner 的 XML 属性 


XML 属性 相关 方法 说 om 
aiir 使 用 数组 资源 设置 该 下 拉 列 表 

框 的 列表 项 目 
设置 下 拉 列 表 框 的 水 平 偏 移 


android: dropDownHorizontalOffset | setdropDownHorizontalOffset(int) 距离 
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x 
XML 属性 相关 方法 说 明 
android: dropDownVerticalOffset | setdropDownVerticalOffset(int) TRMREDSERS 
android; dropDownWidth setdropDownWidth(int) 设置 下 拉 列 表 框 的 宽度 
android: popupBackground setpopupBackgroundResource(int) | 设置 下 拉 列 表 框 的 背景 颜色 
android: prompt 设置 下 拉 列 表 框 的 提示 信息 


3. GridView 


GridView 即 为 网 格 视 图 ,用 于 在 界面 上 实现 按 行 、 列 分 布 的 方式 显示 多 个 组 件 。 
GridView 和 ListView 具有 相同 的 父 类 AbsListView, 因 此 GridView 和 ListView 很 相似 ， 
但 是 ListView 只 显示 一 列 ,而 GridView 可 以 显示 多 列 。 创 建 GridView 一 般 通 过 在 XML 
布局 文件 中 添加 < GridView > </GridView > 标记 来 实现 。 在 XML 布局 文件 中 添加 
GridView 的 基本 格式 如 下 : 

« GridView 


属性 列表 


> 
</GridView> 


GridView 常用 的 XML 属性 如 表 6-7 所 示 。 


表 6-7 GridView 常用 的 XML 属性 


XML 属性 相关 方法 说 明 
android: numColumns setnumColumns(int) 设置 列 数 
android: columnWidth setcolumnWidth(int) 设置 列 的 宽度 
android: gravity setGravity(int) 设置 对 齐 方式 
android: verticalSpacing setverticalSpacingC in 设置 两 行 之 间 的 边 距 
android: stretchMode setstretchMode(int) 设置 缩放 与 列 宽大 小 同步 
android: scrollbars 隐藏 GridView 的 滚动 条 


6.2.4 介绍 UI 组 件 : ProgressBar 及 其 子 类 


ProgressBar 即 为 进度 条 组 件 , 它 继承 自 View 类 ,直接 子 类 有 AbsSeekBar 和 
ContentLoadingProgressBar, 间 接 子 类 有 RatingBar 和 SeekBar( 这 两 个 组 件 也 是 最 常 使 用 


im 


Android Studio App 边 做 边 学 一 一 微 课 视频 版 


的 子 类 )。 它 们 的 使 用 方法 类 似 , 仅 在 显示 界面 上 有 一 定 的 区 别 。 在 API 文档 中 对 
ProgressBar 的 说 明 如 图 6-3 所 示 。 


API level: 19 + phass 
ProgressBar 
extends View 
Java lang. Object 
Landroid.view. View 
Landroid.widget.ProgressBar 


| > Known Direct Subclasses 
AbsSeekBar, ContentLoadingProgressBar 


b Known Indirect Subclasses 
RatingBar SeekBar 


图 6-3 API 文档 对 ProgressBar 的 说 明 


1. ProgressBar 


ProgressBar( 进 度 条 ) 一 般 通 过 颜色 来 表示 进度 值 ,创建 的 方法 是 在 XML 布局 文件 中 
添加 < ProgressBar ></ProgressBar > 标记 来 实现 。 在 XML 布局 文件 中 添加 ProgressBar 
的 基本 格式 如 下 : 


< ProgressBar 
属性 列表 


> 
«/ProgressBar > 


ProgressBar 常用 的 XML 属性 如 表 6-8 所 示 。 


表 6-8 ProgressBar 常用 的 XML 属性 


XML 属性 说 明 
android; animationResolution 动画 超时 时 间 ,必须 是 整数 值 , 例 如 "100" 
android: indeterminate 该 属性 设置 为 true, 表 示 不 精确 显示 进度 


android: indeterminateBehavior 设置 当选 择 不 精确 显示 进度 时 如 何 描述 到 达 最 大 值 


android; indeterminateDrawable 设置 当选 择 不 精确 显示 进度 时 所 绘制 的 Drawable 对 象 


android: indeterminateDuration 设置 不 精确 显示 进度 的 持续 时 间 


android: indeterminateOnly 设置 只 采用 不 精确 显示 进度 模式 (状态 保持 模式 将 不 会 工作 ) 


android: interpolator 设置 动画 的 速度 


android: max 设置 进度 可 以 达到 的 最 大 值 
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续 表 
XML 属性 说 明 
android: maxHeight 可 选 参数 ,设置 View 的 最 大 高 度 
android; maxWidth 可 选 参数 ,设置 View 的 最 大 宽度 
android: minHeight 可 选 参数 ,设置 View 的 最 小 高 度 
android: minWidth 可 选 参数 ,设置 View 的 最 小 宽度 
android; mirrorForRtl 定义 是 否 需 要 反映 在 RTL 模式 的 相关 画板 ,默认 为 false 
android: progress 设置 该 进度 已 完成 的 进度 值 
android: progressDrawable 设置 该 进度 条 轨道 对 应 的 Drawable 对 象 
android; secondaryProgress 二 级 进度 条 ,主要 用 于 缓存 使 用 的 场景 


ProgressBar 支持 多 种 风格 ,可 以 直接 通过 style 属性 来 设置 ,在 API 中 也 给 出 了 如 
表 6-9 所 示 的 属性 。 


表 6-9 ProgressBar 常用 的 style 属性 


style 属性 说 明 
Widget.ProgressBar. Horizontal 水 平 进度 条 
Widget. ProgressBar. Small 小 环 进度 条 
Widget.ProgressBar.Large 大 环 进度 条 
Widget. ProgressBar. Inverse 普通 大 小 的 环形 进度 条 
Widget. ProgressBar. Small. Inverse 小 环形 进度 条 
Widget. ProgressBar. Large. Inverse 大 环形 进度 条 


另外 一 种 方式 就 是 使 用 系统 的 att 属性 ,例如 : 

(1) style="? android: attr/progressBarStyle" 

(2) style="? android: attr/progressBarStyleHorizontal" 
(3) style="? android: attr/progressBarStyleInverse" 

(4) style="? android: attr/progressBarStyleLarge" 

(5) style="? android: attr/progressBarStyleLargeInverse" 
(6) style="? android: attr/progressBarStyleSmall" 

(7) style="? android: attr/progressBarStyleSmallInverse" 


(8) style="? android: attr/progressBarStyleSmallTitle" 


vhs MORD: 
r Android Studio App 边 做 边 学 一 一 微 课 视 频 版 


2. SeekBar 


SeekBar 即 为 滑动 条 , 它 通过 滑 块 来 表示 进度 数值 ,而 
且 允 许 用 户 通 过 拖 动 滑 块 来 改变 数值 。 其 具体 形式 与 
Windows 的 音量 调节 器 类 如 图 6-4 所 示 。 图 6-4 Windows 的 音量 调节 器 类 
SeekBar 的 创建 通常 是 在 XML 布局 文件 中 添加 
< SeekBar></SeekBar > 标记 来 实现 。 在 XML 布局 文件 中 添加 SeekBar 的 基本 格式 如 下 : 


< SeekBar 
android:id- "@ + id/seekbar" 
android:layout width = "579dp" 
android:layout height = "wrap content" 
android:layout centerVertical - "true" 
android:layout marginLeft = "100dp" 
android:progressDrawable = "(ddrawable/seekbar style" 
android:minHeight = "l0dp" 
android:maxHeight = "l0dp" 
android:thumbOffset = "1. 0dp" 
android: thumb = "@drawable/seekbar_point_style" > 
</SeekBar > 


3. RatingBar 


RatingBar 即 为 星 级 评分 条 ,可 以 通过 对 星星 的 选择 情况 来 表现 进度 。 一 般 而 言 , 星 级 
评分 条 常用 于 用 户 评价 .客户 满意 度 等 数据 的 获取 。RatingBar 的 创建 通常 是 在 XML 布局 
文件 中 添加 < RatingBar ></RatingBar > 标记 来 实现 。 在 XML 布局 文件 中 添加 RatingBar 
的 基本 格式 如 下 : 


< RatingBar 
属性 列表 


> 
</RatingBar > 


RatingBar 常用 的 XML 属性 如 表 6-10 所 示 。 


表 6-10  RatingBar 常用 的 XML 属性 


XML 属性 方 法 说 明 
android: isIndicator 设置 该 星 级 评分 是 否 允 许 用 户 改变 (true 为 不 允许 改变 ) 
android: numStars getProgress() 设置 该 星 级 评分 条 总 共有 多 少 个 星星 
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续 表 
XML 属性 Zg È 说 H 
android: rating getRating() 设置 该 星 级 评分 条 默认 的 星 级 
android: stepSize getstepSize() 设置 每 次 最 少 需要 改变 多 少 个 星 级 


6.2.5 介绍 UI 组 件 : ViewAnimator 及 其 子 类 


ViewAnimator 是 一 个 基 类 ,继承 了 FrameLayout 父 类 ,因此 它 同样 表现 出 帧 布局 的 特 
征 , 即 可 以 将 多 个 View 组 件 琶 在 一 起 , 它 所 额外 增加 的 功能 是 在 View 切换 时 表现 出 动画 
效果 。 它 的 子 类 有 ViewSwitcher, ViewFlipper, ImageSwitcher TextSwitcher 。ViewAnimator 常 
用 的 XML 属性 如 表 6-11 所 示 。 


表 6-11 ViewAnimator 常用 的 XML 属性 


XML 属性 说 明 
android: animateFirstView 设置 ViewAnimator 显示 第 一 个 View 组 件 时 是 否 显 示 动 画 
android: inAnimation 设置 ViewAnimator 显示 组 件 时 所 使 用 的 动画 
android: outAnimation 设置 ViewAnimator 隐藏 组 件 时 所 使 用 的 动画 


1. ImageSwitcher 


ImageSwiteher( 图 像 切换 器 ?组件 的 主要 功能 是 完成 图 片 的 切换 显示 。 例 如 用 户 在 进 
行 图 片 浏览 时 ,可 以 通过 单 击 按钮 逐 张 切换 显示 的 图 片 ,在 进行 切换 时 还 可 以 加 入 一 些 动 
面 效 果 。ImageSwitcher 的 创建 通常 是 在 XML 布局 文件 中 添加 < ImageSwitcher > 
</ImageSwitcher > 标记 来 实现 。 在 XML 布局 文件 中 添加 ImageSwitcher 的 基本 格式 
如 下 : 


< ImageSwitcher 
属性 列表 


> 
</ImageSwitcher > 


2. TextSwitcher 


TextSwitcher 即 为 文字 切换 器 , 它 是 ViewSwitcher 的 子 类 。 从 ViewSwitcher 来 看 ,是 
View 交换 器 ,TextSwitcher 继承 自 ViewSwitcher, 显然 是 交换 TextView。TextSwitcher 
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的 创建 通常 是 在 XML 布局 文件 中 添加 < TextSwitcher ></TextSwitcher > 标记 来 实现 。 在 
XML 布局 文件 中 添加 TextSwitcher 的 基本 格式 如 下 : 


< TextSwitcher 
属性 列表 


> 
</TextSwitcher > 


6.3 ”项目 运行 


ipii 
z 


6.3.1 在 UI 中 设计 文本 框 : TextView 组 件 实例 


【 例 6.1】 设计 一 款 App, 其 界面 由 TextView 组 件 组 成 ,对 TextView 
组 件 中 的 信息 进行 如 下 设置 : 文字 颜色 由 红色 和 黄色 组 成 ,并 为 文字 信息 添加 一 个 图 片 信 
息 , 设 定 不 同 的 文字 尺寸 。 

步骤 1: 新 建 名 为 6.1 的 Android 项 目 文件 。 选 择 File | New | Android Application 
Project 命令 ,在 弹出 的 New Android Application 对 话 框 中 的 Application Name 文本 框 中 
输入 “6.1”, 再 单 击 Finish ffl. 

步骤 2: 设置 布局 文件 main.xml。 单 击 6.1 项 目 文件 夹 ,然后 单 击 res 下 layout 文件 夹 
中 的 main.xml 文件 ,在 该 布局 文件 中 设置 两 个 TextView 组 件 , 其 中 一 个 组 件 实现 文字 配 
图 片 (文字 为 红色 ,尺寸 为 25sp), 另 一 个 组 件 实 现 多 行文 本 信息 (文字 为 黄色 ,尺寸 为 
15sp)。 其 具体 代码 如 下 : 


<?xml version = "1.0" encoding = "utf - 8"?> 
< LinearLayout] 一 线性 布局 
xnlns:android = "http://schemas. android. com/apk/res/android" 
android:layout width- "fill parent" 
android:layout height = "fill parent" 
android:background = "(9 drawable/background02" 
android:orientation- "vertical" > 


< TextView 一 第 一 个 TextView 组 件 


android:id- "(8 + id/textViewl" 


(122) 
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android:layout width = "300dp" 
android:layout height = "wrap content" 
android:layout gravity = "center" 
android:drawableTop = "(Qdrawable/icon" | 一 一 一 一 添加 配 图 
android:gravity = "center" 
android:text = "@string/messagel" 
android: textColor = " # F00" 
android: textSize = "25sp" /> 


添加 文字 信息 ， 详 见 string.xml 
设置 文字 尺寸 


< TextView 
android:id- "(9 + id/textView2" 
android:layout width- "wrap content" 
android:layout height = "Odp" 
android:layout gravity = "center horizontal" 
android:layout weight - "1" 
android:text = "(Y string/message2" 
android: textColor = " # FF0" 
android: textSize = "15sp" 
android:width = "300dp" /> 


</LinearLayout > 


步骤 3. 设置 文本 信息 。 单 击 6.1 项 目 文件 夹 ,然后 单 击 res F values 文件 夹 中 的 
strings.xml 文件 ,在 < resources ></resources > 标记 之 间 添 加 文本 内 容 。 其 具体 代码 如 下 : 


<?xml version = "1.0" encoding = "utf - 8"?» 
< resources > 
< string name = "hello"> 再 别 康桥 </string> 
< string name = "app_name"> 6.3.1 TextView 组 件 实例 </string> 
< string name = "messagel"> 再 别 康桥 </string> 
< string name = "message2"> 轻 轻 的 我 走 了 ,正如 我 轻 轻 的 来 ; SRMUR IET ENREIUR ES 
…* 那 河畔 的 金 柳 , 是 夕阳 中 的 新 娘 ; eit 人 … 软 泥 上 的 青 荐 , 油 油 的 
在 水 底 招 扬 ; 在 康 河 的 柔 波 里 ,我 甘心 做 一 条 水 草 !… 


</string> 
</resources > 


步骤 4: 运行 程序 ,效果 如 图 6-5 所 示 。 
6.3.2 在 UI 中 设计 可 编辑 文本 框 : EditText 组 件 实例 
[806.2] 设计 一 款 运 动 类 App. 使 用 EditText 组 件 设 计 其 “用 户 信息 ”页 面 的 内 容 。 


步骤 1: 新 建 一 个 名 为 6.2 的 Android 项 目 , 打 开 res 下 layout 文件 夹 中 的 main.xml 
文件 ,删除 原 有 默认 布局 代码 脚本 ,设置 线性 布局 ,并 在 该 布局 中 设置 背景 图 片 , 添 加 3 个 
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6.3.1 extView 组 件 实例 


图 6-5 TextView 组 件 实例 的 运行 效果 


EditText 类 ,引导 用 户 填 写 用 户 名 、 电 话 号 码 和 电子 邮箱 信息 。 其 具体 代码 如 下 : 


«?xml version= "1.0" encoding 
< Linearlayout xmlns:android = "http: //schemas. android. con/apk/res/android" 
android:id- "(9 + id/tableLayoutl" 
android:layout widths "fill parent" 
android:layout heights "fill parent" 
android: background = "(9 drawable/bg" 
android:orientation = "horizontal" > 


< TextView 
android:layout width- "wrap content" 
android:layout height - "wrap content 
android: text = "(Qstring/messagel" 
android:height = "60dp" /> 

< EditText android:id- "@ + id/nickname" 实现 TextView+EditText 
android:hint = "@string/message2" 健身 达 人 昵称 请 输入 达 人 昵称 
android: inputType = "textEmailAddress" 
android:layout width = "300dp" 
android:layout height - "wrap content" 
android:singleLine = "true" 
b 
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< TextView 
android:layout width- "wrap content" 
android:layout height = "wrap content" 
android: text = "(string/message3" 
android:height = "60dp" /> 实现 TextView+EditText 

< EditText android:id= "@ + id/phonenumber" 健身 达 人 手机 号 请 输入 达 人 手机 号 
android:layout width- "300dp" | 
android: inputType = "number" 
android:hint = "(Q string/message4" 
android:layout height = "wrap content" 
/> 


< TextView 
android:layout width= "wrap content" 
android:layout height = "wrap content" 
android:text = "(9 string/message5" 实现 TextView+EditText 
android:height "SQdp" /» | Cri MGR 请 输入 邮箱 地 址 

< EditText android: id = "(9 + id/emailaddress" | 11 TTTTT 
android:layout width = "300dp" 
android:hint = "(@ string/message6" 
android:layout height = "wrap content" 
android: inputType = "textEmailAddress" 
/> 


</LinearLayout > 


步骤 2: 在 res F values 文件 夹 中 的 strings.xml 文件 中 为 字符 串 编 写 具 体内 容 。 其 具 
体 代 码 如 下 : 


<?xml version = "1.0" encoding = "utf - 8" standalone = "no"?> 
<resources> 

< string name = "hello"» EditText 组 件 实例 </string> 

«string name = "app_name"> 6.2  EditText 组 件 实例 </string> 

< string name = "messagel"> 健 身 达 人 了 昵称 </string> 

< string name = "message2"> 请 输入 达 人 了 昵称 </string> 

< string name = "message3"> 健 身 达 人 手机 号 </string> 

< string name = "message4"> 请 输入 达 人 手机 号 </string> 

< string name = "message5"> 健 身 达 人 邮箱 </string> 

< string name = "message6"> 请 输入 邮箱 地 址 </string> 
</resources > 


通过 Android 本 地 化 文本 编辑 器 窗口 能 够 看 到 字符 串 的 具体 信息 ,如 图 6-6 Bron 

步骤 3: 获取 用 户 输入 到 EditText 中 的 信息 。 通 过 在 布局 文件 main.xml 中 继续 定义 
按钮 ,实现 在 UI 界面 上 获取 信息 的 设置 。 添 加 方式 为 在 < LinearLayout ></LinearLayout > 之 
间 添 加 如 下 代码 : 


. ' "— mi 
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+ — @ |ShowAll Keys v | | ShowAllLocales v| S ? 


app name app\src\main\res 口 42 

hello appNsrcmainres C] EditText 组 件 实例 
messagel app\src\main\res 口 健身 达 人 昵称 
message2 app\src\main\res 请 输入 达 人 昵称 
message3 app\src\main\res 口 健身 达 人 手机 号 
message4 app\src\main\res 口 请 输入 达 人 手机 号 
message5 appisremainVes 口 健身 达 人 邮箱 


message6 app\src\main\res 口 请 输入 邮箱 地 址 


图 6-6 Android 本 地 化 文本 编辑 器 窗口 


< Button android: text = "@string/message7" 
android: id= "(9 + id/button1" 
android:layout width = "wrap content" 
android:layout height = "wrap content"/» 
< Button android: text = "@ string/message8" 
android: id = "(à + id/button2" 
android: layout_width = "wrap content" 
android:layout height = "wrap_content"/> 


步骤 4: 为 按钮 上 的 字符 串 编写 具体 内 容 。 在 res F values 文件 夹 中 的 strings.xml 文 
件 中 添加 如 下 代码 : 


< string name = "message8"> 重 置 </string> 
< string name = "message7"> 注 册 </string> 


步骤 5: 为 按钮 设置 监听 事件 ,用 于 获取 用 户 在 EditText 组 件 中 输入 的 文本 信息 。 该 
段 代码 应 在 sre FAY MainActivity.java 文件 中 进行 编写 ,具体 代码 如 下 : 


package com. mingrisoft; 


import android. app. Activity; 

import android. os. Bundle; 

import android. util. Log; 

import android. view. View; 

import android. view. View. OnClickListener; 
import android. widget. Button; 

import android. widget. EditText; 
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public class MainActivity extends Activity ( 

/ ** Called when the activity is first created. * / 

@Override 

public void onCreate(Bundle savedInstanceState) { 
super. onCreate( savedInstanceState) ; 
setContentView(R. layout. main); 
Button button1 = (Button)findViewById(R. id. buttonl); 
buttonl. setOnClickListener(new OnClickListener() { 


(GOverride 
public void onClick(View v) { 
EditText nicknameET - (EditText)findViewById(R. id. nickname); 
String nickname = nicknameET. getText(). toString(); 
EditText phonenumberET - (EditText)findViewById(R. id. phonenumber) ; 
String phonenumber = phonenumberET. getText(). toString(); 
EditText emailaddressET = (EditText)findViewById(R. id. emailaddress) ; 
String emailaddress = emailaddressET. getText().toString(); 
Log. i("EditText 组 件 实例 ", "会 员 昵称 :" + nicknane) ; 
Log. i("EditText 组 件 实例 ", "密码 :" + phonenumber) ; 
Log. i("EditText 组 件 实例 ","E- mail 地 址 :" + emailaddress); 


ni 


o8 
6.2 EditText 组 件 实例 


图 6-7 EditText 组 件 实例 运行 效果 图 
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6.3.3 ”在 UI 中 设计 计时 器 : Chronometer 组 件 实例 


【 例 6.3] 设计 一 款 计时 App, 使 用 Chronometer 组 件 设计 其 计时 器 页 面 的 内 容 。 

步骤 1: 新 建 一 个 名 为 6.3 的 Android 项 目 , 打 开 res F layout 文件 夹 中 的 main. xml 
文件 ,删除 原 有 默认 布局 代码 脚本 ,设置 相对 布局 ,并 在 该 布局 中 设置 背景 图 片 ,添加 一 个 
Chronometer 类 。 其 具体 代码 如 下 : 


< RelativeLayout xmlns:android = "http://schemas. android. com/apk/res/android" 
xnlns:tools = "http://schemas. android. con/tools" 
android:layout width = "match parent" 
android:layout height = "match parent" 
android:paddingBottom = "(Qdimen/activity vertical margin" 
android:paddingLeft = "(Qdimen/activity horizontal margin" 
android:paddingRight = "(Àdimen/activity horizontal margin" 
android:paddingTop = "(Qdimen/activity vertical margin" 
tools:context = "com. exanple. one. MainActivity" 
android: background = "(9 drawable/bg"» 


< TextView 
android:id- "(9 + id/textViewl" 
android:layout width = "wrap content" 
android:layout height = "wrap content" 
android: text = "(Qstring/hello world" 
android: textColor = " # FFF" 
android: textSize = "30sp"/> 


< Chronometer 
android: id = "@ + id/chronometer" 
android:layout width = "wrap content" 
android:layout height = "70sp" 
android:layout alignParentBottom = "true" 
android:layout centerHorizontal - "true" 
android:layout marginBottom - "166dp" 
android:textColor = " # F00" 
android: textSize = "40sp" /> 
</RelativeLayout > 


步骤 2: 在 main.xml 文件 中 设置 3 ARRA, DAR A E RU E REIS HRA 
码 如 下 : 
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id:id- "(8 + id/buttonl" 
id:layout width = "wrap content" 
id:layout height - "wrap content" 
id:layout above = "(à + id/chronometer" 
id:layout alignLeft = "(à + id/textViewl" 
id:layout marginBottom - "36dp" 
id:layout marginLeft = "16dp" 
android:onClick - "start" 
android: text = "(string/nessagel" 
android:textColor = "£t FO" /> 


< Button 
android: id = "@ + id/button3" 
android:layout width = "wrap content" 
android:layout height = "wrap content" 
android:layout alignBaseline = "@ + id/buttonl" 
android:layout alignBottom = "@ + id/buttonl" 
android:layout centerHorizontal - "true" 
android:onClick = "stop" 
android: text = "(9 string/message2" 
android: textColor = "i£ FF0"/> 


id:id="@ + id/button2" 
id:layout_width = "wrap_content" 
id:layout_height = "wrap_content" 
id:layout alignBaseline = "@ + id/button3" 
:layout_alignBottom = "@ + id/button3" 
id:layout marginLeft = "26dp" 
id:layout toRightOf = "@ + id/button3" 
id:onClick = "reset" 
android: text = "(9string/message3" 
android: textColor = " # FF0"/> 


步骤 3: 在 res F values 文件 夹 中 的 strings.xml 文件 中 为 App 界面 和 按钮 中 的 字符 串 
编写 具体 内 容 。 其 具体 代码 如 下 : 


<?xml version = "1.0" encoding = "utf - 8" standalone = "no"?> 
< resources > 
< string name = "app_name"> 6.3Chronometer 组 件 实例 </string> 
< string name = "hello_world"> 计 时 器 界面 </string> 
< string name = "action settings"» Settings </string> 
< string name = "messagel"> 开 始 </string> 
< string name = "message2"> 停 止 </string> 
< string name = "message3"> 重 置 </string> 
</resources> 
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步骤 4: 为 计时 器 设置 监听 事件 ,用 于 获取 用 户 在 Chronometer 组 件 中 的 计时 信息 。 
设置 监听 事件 可 以 采用 onClick() 方 法 来 实现 。 该 段 代 码 应 在 src. 下 的 MainActivity.java 
文件 中 进行 编写 ,具体 代码 如 下 : 


package com. example. one; 

import android. support. v7. app. ActionBarActivity; 
import android. os. Bundle; 

import android. os. SystemClock; 

import android. view. View; 

import android. widget. Chronometer; 

import android. widget. Toast; 


public class MainActivity extends ActionBarActivity ( 


long getBase() ( 
return 0; 
) 
String getFormat() { 
return null; 
) 
void setBase(long base) ( 
) 
void setFormat(String format) { 
) 


private Chronometer chronometer; 
private long recordTime; // 记 录 下 来 的 总 时 间 
@Override 
protected void onCreate(Bundle savedInstanceState) { 
super. onCreate( savedInstanceState); 
setContentView(R. layout. main); 
chronometer = (Chronometer) findViewById(R. id. chronometer); 
chronometer. setFormat(" 计 时 : % s"); 
Toast. makeText (MainActivity. this, "" + recordTime, Toast.LENGTH SHORT).show(); 
} 
public void start(View view){ 
chronometer. setBase(SystemClock. elapsedRealtime() - recordTime); 
chronometer.start(); 
) 
public void stop(View view)í 
chronometer. stop(); 
recordTime = SystemClock. elapsedRealtime() - chronometer.getBase(); 
) 
public void reset(View view)( 


recordTime- 0; // 重 置 时 间 
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chronometer. setBase(SystemClock. elapsedRealtime()); 
} 


} 


步骤 5: 运行 结果 演示 。 分 别 测试 计时 开始 .停止 和 重 置 状 态 下 App 的 UI 界面 显示 情 
况 , 如 图 6-8 所 示 。 


图 6-8 Chronometer 组 件 的 初始 界面 .开始 计时 ( 重 置 ) 界 面 . 停 止 界面 运行 效果 


6.3.4 ”在 UI 中 设计 单 选 按钮 : RadioGroup 组 件 实例 


[BI 6.4] 在 Android Studio 中 创建 一 个 App 项 目 ,在 屏幕 上 添加 一 个 
单 选 按 钮 组 ,选项 内 容 为 成 绩 合 格 或 不 合格 。 

步骤 1: 在 Android Studio 中 创建 一 个 名 为 6.4 的 App 项 目 , 并 在 项 目 ts 
文件 中 找到 res 下 layout 文件 夹 中 的 main.xml 文件 。 视频 讲解 

步骤 2: 对 main.xml 文件 进行 编写 。 为 了 单 选 按钮 的 效果 在 手机 界面 
上 看 起 来 更 美观 ,将 新 建 项 目 中 默认 的 垂直 布局 改 为 水 平 布局 的 方式 。 

步骤 3: 在 水 平 布局 管理 器 中 添加 TextView 组 件 , 并 在 其 中 设置 选项 说 明 信 息 , 即 
“成 绩 :”。 

步骤 4: 在 水 平 布局 管理 器 中 添加 单 选 按钮 组 件 (RadioGroup) ,其 中 包含 两 个 单 选 按 
钮 (RadioButton) ,并 在 其 中 设置 选项 说 明 信 息 , 即 “合格 "和 “不 合格 ”。 
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步骤 5: 在 水 平 布局 管理 器 中 添加 “提交 ”按钮 ,并 设置 其 布局 方式 ,如 图 6-9 所 示 。 


10:56 & 8 


6.4 RadioButton 组 件 实例 


图 6-9 添加 单 选 按钮 组 的 效果 图 


main.xml 文件 中 的 具体 代码 如 下 : 


<?xml version = "1.0" encoding = "utf ~- 8"?> 
< Linearlayout xmlns:android = "http: //schemas. android. con/apk/res/android" 
android:layout width = "wrap content" 
android:layout height = "wrap content" 
android:background = "(9 drawable/background02" 
android:orientation = "horizontal" > 


< TextView 
android:layout width- "wrap content" 
android:layout height - "wrap content" 
android:height = "50px" 
android:text = "成 绩 : " /> 


< RadioGroup 
android:id- "(9 + id/radioGroupl" 
android:layout width = "wrap content" 
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android:layout height = "wrap content" 
android:orientation = "horizontal" > 


< RadioButton 
android: id= "(9 + id/radio0" 
android:layout width- "wrap content" 
android:layout height - "wrap content" 
android:checked - "true" 
android: text = "合格 " /> 


< RadioButton 
android: id = "(9 + id/radiol" 
android:layout width- "wrap content" 
android:layout height = "wrap content" 
android:text = "不 合格 " /> 
</RadioGroup > 


< Button 
android:id- "(9 + id/buttonl" 
android:layout width = "wrap content" 
android:layout height = "wrap content" 
android: text = "提交 " > 

«/Button» 


«/LinearLayout > 


步骤 6: 为 “提交 ”按钮 设置 响应 事件 。 在 MainActivity 文件 中 使 用 onCheckedChangeO 77 
法 获取 选中 单 选 按钮 的 值 ,具体 代码 如 下 : 


final RadioGroup sex = (RadioGroup) findViewById(R.id.radioGroupl);  // 获 取 单 选 按钮 组 
// 为 单 选 按钮 组 添加 事件 监听 
sex. SetOnCheckedChangeListener(new OnCheckedChangeListener() ( 

(GOverride 

public void onCheckedChanged(RadioGroup group, int checkedId) ( 

RadioButton r = (RadioButton) findViewById(checkedId); 

Log. i(" 单 选 按钮 "，" 选 择 为 : " + r.getText()); 

) 

ni 


步骤 7: 为 "提交 ?按钮 设置 事件 监听 器 。 在 MainActivity 文件 中 重 写 onClick ) 方 法 ， 
并 通过 遍历 的 方式 获取 被 选中 的 按钮 值 , 获 取 情 况 在 日 志 面 板 中 可 以 查 到 ,如 图 6-10 所 示 。 
其 具体 代码 如 下 : 
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Button button = (Button) findViewById(R. id.buttonl); 

button. setOnClickListener(new OnClickListener() { 

@Override 

public void onClick(View v) { 

for (inti = 0; i< sex. getChildCount(); i++) ( 

RadioButton r - (RadioButton) sex.getChildAt(i); 
if (r.isChecked()) (/ 
Log. i(" 单 选 按钮 "," 性 别 : ”+ r.getText()); 
break; 


Xiaomi Redmi Note 5A Android 7.12, p125 国 [omerampienalioworao2 3275 加 


ree tev DTO EEEE NA ver tor 

TB oio: 18:39:13. 852 13274-13274/com example. helloworld02 V/Boostframework: BoostFramework 0 : Perf = com qul 
06-03 18:39:14 552 13274-13274/com example helloworldo2 I/ 单 选 按钮 选择 为 : 不 合格 
t 
* 


06-03 18:39:15. 142 13274-13274/com example. helloworld02 I/ 单 选 按钮 : 选择 为 : 合格 
06-03 18:39:15. 793 13274-13274/com example helloworld02 I/ 单 选 按钮 : 选择 为 : 不 合格 
06-03 18:39:16. 743 13274-13274/com example. helloworldo2? I/ 单 选 按钮 ; 选择 为 : 合格 
06-03 18:39:17.444 13274-13274/com example. helloworldo2 I/ 单 选 按 馈 : 性 别 : 合格 
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图 6-10 日 志 面 板 中 选中 单 选 按钮 组 时 获取 的 值 


6.3.5 在 UI 中 设计 显示 图 片 : ImageView 组 件 实例 


【 例 6.5】 在 Android Studio 中 创建 名 为 6.5 的 App 项 目 , 使 用 ImageView 组 件 显 示 
相关 图 像 的 不 同比 例 效 果 , 包 括 原始 尺寸 .限制 最 大 高 度 和 宽度 、 保 持 纵横 像 
素 比 显示 全 图 。 

步骤 1: 在 Android Studio 中 创建 一 个 名 为 6.5 的 App 项 目 , 并 在 项 目 
文件 中 找到 res 下 layout 文件 夹 中 的 main.xml 文件 。 

步骤 2: 对 main.xml 文件 进行 编写 。 为 了 单 选 按钮 的 效果 在 手机 界面 
上 看 起 来 更 美观 ,将 新 建 项 目 中 默认 的 垂直 布局 改 为 水 平 布局 的 方式 。 

步骤 3: 将 main. xml 文件 中 的 原 有 TextView 组 件 删除 ,添加 ImageView 组 件 ,并 设 
置 其 显示 原始 尺寸 图 像 , 具 体 代码 如 下 : 


项 目 6 ”设置 App 的 UI 组 件 s 


<?xml version = "1.0" encoding = "utf - 8"?> 
< LinearLayout xnlns:android = "http: //schemas. android. com/apk/res/android" 
android:orientation = "horizontal" 
android:layout width- "fill parent" 
android:layout height = "fill parent" 
android: background = "(9 drawable/background" 
> 
< ImageView 
android:src = "@drawable/img1" 
android: id = "@ + id/imageViewl" 
android:layout margin = "5px" 
android:layout height = "wrap content" 
android:layout width- "wrap content"/» 
«/LinearLayout > 


步骤 4: 在 水 平 布局 管理 器 中 再 添加 一 个 ImageView 组 件 , 并 设置 其 图 像 显 示 的 最 大 
高 度 和 宽度 ,具体 代码 如 下 : 


< ImageView 
android:src = "@drawable/img1" 
android: id = "@ + id/imageView2" 
android:maxWidth = "90px" 
android:maxHeight = "90px" 
android:adjustViewBounds = "true" 
android:layout margin = "5px" 
android:layout height = "wrap content" 
android:layout width- "wrap content"/» 


步骤 5: 在 水 平 布局 管理 器 中 再 添加 一 个 ImageView 组 件 ,并 设置 其 图 像 在 保持 纵横 
像素 比 的 前 提 下 完全 显示 该 图 像 ,具体 代码 如 下 : 


< ImageView 
android: src = "@drawable/img1" 
android: id = "@ + id/imageView3" 
andro: CaleTYpe = "fitEnd" 
android: layout_margin = "5px" 
android:layout height = "90px" 
android: layout_width = "90px" /> 


保持 纵横 像素 比 缩放 图 片 


步骤 6: 运行 程序 ,效果 如 图 6-11 所 示 。 


6.3.6 在 UI 中 设计 列表 : ListView 组 件 实例 


[816.6] 在 Android Studio 中 创建 名 为 6.6 的 App 项 目 ,使 用 视频 讲解 
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6.5 ImageView 组 件 实例 


图 6-11 使 用 ImageView 组 件 显示 图 片 的 不 同 效果 


ListView 组 件 在 布局 管理 器 中 添加 列表 视图 。 
步骤 1: 在 Android Studio 中 创建 一 个 名 为 6.6 的 App 项 目 ,并 在 项 目 文件 中 找到 res 
下 layout 文件 夹 中 的 main.xml 文件 ,添加 一 个 ListView。 其 具体 代码 如 下 : 


<?xml version = "1.0" encoding = "utf 一 8"?> 
< LinearLayout xnlns:android = "http://schemas. android. com/apk/res/android" 
android:orientation = "vertical" 
android:layout width- "fill parent" 
android:layout height = "fill parent" 
> 
< ListView android: id = "(d + id/listViewl" 
android: entries = "@array/newlist" | 一 一 新 建 的 ListView 的 名 称 为 newlist 
android:layout height = "wrap content" 
android:layout width = "match parent"/» 
«/LinearLayout > 


步骤 2. 创建 一 个 用 于 定义 数组 资源 的 XML 文件 , 即 在 res 下 的 values 文件 夹 中 新 建 
arrays.xml 文件 ,并 在 其 中 添加 名 为 newlist 的 字符 串 数组 。 其 具体 代码 如 下 : 
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<?xml version= "1.0" encoding = "utf 一 8"?> 
<resources> 
< string- array name = "newlist"> 
< iten > 智能 体感 </item> 
< item> 多 屏 互 动 </item> 
< item > 分 屏 多 任务 </item> 
< item> 单 手 操 作 </item> 
< item > 超级 截屏 </item> 
< item> 快 捷 启动 </item> 
«/string- array» 
«/resources > 


步骤 3. 运行 程序 ,效果 如 图 6-12 所 示 。 


"uus 


6.6 ListView 组 件 实例 


智能 体感 


多 屏 互动 


分 屏 多 任务 


单 手 操作 


超级 截屏 


快捷 启动 


图 6-12 ListView 组 件 实例 运行 效果 图 


6.3.7 TE UI 中 设计 列表 选择 框 : Spinner 组 件 实例 


【 例 6.7】 在 Android Studio 中 创建 名 为 6.7 的 App 项 目 , 使 用 Spinner 组 
件 在 布局 管理 器 中 添加 列表 选择 框 。 
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步骤 1: 在 Android Studio 中 创建 一 个 名 为 6.7 的 App 项 目 , 并 在 项 目 文件 中 找到 res 
下 layout 文件 夹 中 的 main.xml 文件 ,添加 一 个 Spinner。 其 具体 代码 如 下 : 


<?xml version = "1.0" encoding = "utf 一 8"?> 
< LinearLayout xmlns:android = "http://schemas. android. com/apk/res/android" 
android:orientation = "horizontal" 
android:layout width- "fill parent" 
android:layout height - "fill parent" 
>= 
< TextView android: id = "@ + id/textViewl" 
android: text = "请 选择 图 书 类 型 : " 
android:layout height = "wrap content" 
android:layout width = "wrap content"/» 
< Spinner 
android:entries = "(@array/newspinner"| 一 新建 Spinner 的 名 称 为 newspinner 
android:layout height = "wrap content" 
android:layout width = "wrap content" 
android:id- "(9 + id/spinner1"/» 
< Button android: text = "提交 " 
android:id- "(9 + id/buttonl" 
android:layout width = "wrap content" 
android:layout height = "wrap content"/» 
«/LinearLayout > 


步骤 2. 创建 一 个 用 于 定义 数组 资源 的 XML 文件 , 即 在 res 下 的 values 文件 夹 中 新 建 
arrays. xml 文件 ,并 在 其 中 添加 名 为 newspinner 的 字符 串 数组 。 其 具体 代码 如 下 : 


«?xnl version = "1.0" encoding = "utf - 8"?> 
< resources» 
< string- array name = "newspinner"> 
< item> 人 文 类 学 科 </item> 
< item> 自 然 类 学 科 </item> 
< item> 基 础 学 科 </item> 
< item> 应 用 学 科 </item> 
< item> 泛 论 学 科 </item> 
«/string- array» 
«/resources » 


步骤 3: 运行 程序 ,效果 如 图 6-13 所 示 。 


6.3.8 在 UI 中 设计 网 格 视图 : GridView 组 件 实例 


【 例 6.8] 在 Android Studio 中 创建 名 为 6.8 的 App 项 目 , 使 用 GridView 


项 目 6 ”设置 App 的 UI 组 件 A 
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6.7 Spinner 组 件 实例 


自然 类 学 科 


基础 学 科 


应 用 学 科 


泛 论 学 科 


图 6-13 Spinner 组 件 实 例 运行 效果 图 


组 件 在 布局 管理 器 中 添加 图 片 及 相关 说 明文 字 的 网 格 视图 。 

步骤 1: 在 Android Studio 中 创建 一 个 名 为 6.8 的 App 项 目 , 并 在 项 目 文件 中 找到 res 
下 layout 文件 夹 中 的 main.xml 文件 ,添加 一 个 GridView ,然后 设置 每 行 显示 4 张 图 片 。 其 
具体 代码 如 下 : 


<?xml version = "1.0" encoding = "utf ~ 8"?> 

< LinearLayout xmlns:android = "http: //schemas. android. com/apk/res/android" 
android:orientation- "vertical" 
android:layout width- "fill parent" 
android:layout height - "fill parent" 
android:id- "(9 + id/llayout" 
> 

< GridView android: id= "(9 + id/gridViewl" 
android:layout height = "wrap content" 
android:layout width = "match parent" 
android:stretchMode = "columnWidth" 
android:numColumns = "4"></GridView> 

</LinearLayout > 
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步骤 2: 创建 一 个 用 于 定义 GridView 的 XML 文件 . 即 在 res 下 的 layout 文件 夹 中 新 
建 items.xml 文件 ,并 在 其 中 添加 一 个 ImageView 和 一 个 TextView 组 件 , 实 现 图 片 和 文字 
的 显示 。 其 具体 代码 如 下 : 


<?xml version = "1.0" encoding = "utf 一 8"?> 

<LinearLayout 
xmlns:android = "http://schemas. android. com/apk/res/android" 
android:orientation = "vertical" 


android:layout width- "match parent" 
android:layout height = "match parent" 
> 


< ImageView 
android:id= "@ + id/image" 
android:paddingLeft = "12px" 
android: scaleType = "fitCenter" 
android:layout height = "wrap content" 
android:layout width = "wrap content" 
/^ 

« TextView 
android:layout width = "wrap content" 
android:layout height = "wrap content" 
android:padding = "6px" 
android:layout gravity = "center" 
android:id- "(9 * id/title" 
人 > 

</LinearLayout > 


步骤 3: 在 MainActivity.java 文件 中 获取 图 片 和 文字 信息 ,并 与 新 建 的 GridView 进行 
关联 。 其 具体 代码 如 下 : 


package con. ningrisoft; 

import java.util.ArrayList; 

import java.util.HashMap; 

import java.util.List; 

import java.util.Map; 

import android. app. Activity; 

import android. os. Bundle; 

import android. widget.GridView; 
import android. widget. SimpleAdapter; 


public class MainActivity extends Activity ( 
private int[] imageId = new int[] ( R. drawable. img01, R.drawable. img02, 
R. drawable. img03, R. drawable. img04, R.drawable. img05, 
R.drawable. img06, R.drawable. img07, R.drawable. img08, 
R. drawable. img09, R. drawable. img10, R. drawable. img11, 
R. drawable. img12, }; 
@Override 
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public void onCreate(Bundle savedInstanceState) { 
super. onCreate(savedInstanceState); 
setContentView(R. layout. main); 
GridView gridview = (GridView) findViewById(R. id. gridViewl); 
String[] title = newString[] ("1 号 车 ", "2 号 车 ", "3 号 车 ", "A S Xp", "5 S X", 
"69g, "1 Hg", "9", "9 E, "lo 号 车 "，"11 BE", "12 号 车 " }; 
List<Map< String, Object»» listItems = new ArrayList < Map< String, Object >>(); 
for (inti = 0; i< imageld.length; i++) ( 
Map«String, Object» map = new HashMap < String, Object »(); 
map. put(" image", imageId[i]); 
map. put("title", title[i]); 
listItems. add( map) ; 


SimpleAdapter adapter = new SimpleAdapter(this, 
listltems, 
R. layout. items, 
new String[] { "title", "image" ], 
new int[] (R. id. title, R. id. image } 
); 


gridview. setAdapter(adapter); 
步骤 4: 运行 程序 ,效果 如 图 6-14 所 示 o 
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6.8 GridView 组 件 实例 


图 6-14. _ GridView 组 件 实例 运行 效果 图 
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6.3.9 在 UI 中 设计 进度 条 : ProgressBar 组 件 实例 


【 例 6.9】 在 Android Studio 中 创建 名 为 6.9 的 App 项 目 , 使 用 ProgressBar 组 件 在 布 
局 管理 器 中 添加 水 平 进 度 条 和 圆 形 进度 条 。 


步骤 1: 在 Android Studio 中 创建 一 个 名 为 6.9 的 App 项 目 , 并 在 项 目 
文件 中 找到 res 下 layout 文件 夹 中 的 activity_main.xml 文件 ,删除 默认 自 带 
的 TextView 组 件 ,添加 一 个 水 平 进度 条 和 一 个 圆 形 进度 条 。 其 具体 代码 


如 下 : 


<?xml version = "1.0" encoding = "utf - 8"?> 

< LinearLlayout xmlns:android = "http://schemas. android. con/apk/res/android" 
android:orientation = "vertical" 
android:layout width- "fill parent" 
android:layout height = "fill parent" 


> 


<ProgressBar 


android: id = "@ + id/progressBarl" 
android: layout_width = "match parent" 
android:max = "100" 


style = "@android:style/Widget. ProgressBar. Horizontal" 


android:layout height = "wrap_content"/> 


< ProgressBar 


android: id = "@ + id/progressBar2" 


创建 水 平 进度 条 


style = "?android:attr/progressBarStyleLarge" 


E.) 


android:layout width- "wrap content" 
android:layout height = "wrap content" /> 


«/LinearLayout > 


创建 圆 形 进度 条 


步骤 2: 在 MainActivity.java 文件 中 创建 两 个 ProgressBar 类 的 对 象 ,分别 为 水 平 进度 


条 和 圆 形 进度 条 


。 其 具体 代码 如 下 : 


package com. ningrisoft; 

import android. app. Activity; 
import android. os. Bundle; 

import android. os. Handler; 

import android. os.Message; 

import android. view. View; 

import android. widget. ImageView; 
import android. widget. ProgressBar; 
import android. widget. Toast; 
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public class MainActivity extends Activity { 
private ProgressBar horizonP; | 一 创建 水 平 进度 条 
private ProgressBar circleP; “| 一 一 创建 圆 形 进度 条 
private int mProgressStatus = 0; 
private Handler mHandler; 
@Override 
public void onCreate(Bundle savedInstanceState) { 
super. onCreate(savedInstanceState); 
setContentView(R. layout. main); 
horizonP = (ProgressBar) findViewById(R. id. progressBarl); 
circleP = (ProgressBar)findViewById(R. id. progressBar2); 
circleP. incrementProgressBy( - 10); 
circleP. setVisibility(View. VISIBLE) ; 
mHandler = new Handler()( 
@Override 
public void handleMessage(Message msg) { 
if(msg. what == 0x111){ 
horizonP. setProgress(mProgressStatus); 
circleP. setProgress(100 - mProgressStatus) ; 
}else{ 
Toast. makeText(MainActivity. this, "操作 已 经 完成 "， 
Toast. LENGTH SHORT). show() ; 
horizonP. setVisibility(View. GONE); 
circleP. setVisibility(View. GONE) ; } 


}; 
new Thread(new Runnable() { 
public void run() { 
while (true) { 

mProgressStatus = doWork(); 

Message m = new Message() ; 

if(mProgressStatus < 100) { 
m. what = 0x111; 
mHandler. sendMessage(m) ; 

}else{ 
m. what = 0x110; 
mHandler. sendMessage(m) ; 
break; 


private int doWork() ( 
mProgressStatus *- Math. random() * 10; 
try { 
Thread. s1eep(200) ; 
] catch (InterruptedException e) ( 
e. printStackTrace( ) ; 
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} 
return nProgressStatus; 
ibid 
) 
步骤 3: 运行 程序 ,效果 如 图 6-15 所 示 o 


DE 


6.9 ProgressBar 组 件 实例 


图 6-15 ProgressBar 组 件 实例 运行 效果 图 


6.3.10 在 UI 中 设计 滑动 条 : SeekBar 组 件 实例 


【 例 6.10】 在 Android Studio 中 创建 名 为 6.10 的 App 项 目 , 使 用 SeekBar 组 件 在 布局 
管理 器 中 添加 滑动 条 。 

步骤 1: 在 Android Studio 中 创建 一 个 名 为 6.10 的 App 项 目 ,并 在 项 目 
文件 中 找到 res 下 layout 文件 夹 中 的 activity_main.xml 文件 ,在 TextView 
组 件 中 修改 text 属性 的 值 ,然后 通过 < SeekBar ></SeekBar > 标记 添加 一 个 
滑动 条 。 其 具体 代码 如 下 : 
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<?xml version = "1.0" encoding = "utf ~ 8"?> 

< LinearLayout xnlns:android = "http: //schemas. android. com/apk/res/android" 
android:orientation = "vertical" 
android:layout width- "fill parent" 
android:layout height = "fill parent" 


ext = "当前 值 : 60" 
android:id- "(9 + id/textViewl" 
android:layout width- "wrap content" 
android:layout height = "wrap content"/» 
< SeekBar 
android:layout height = "wrap content" 
android:id- "(9 + id/seekBarl" 
android:max = "100" | 一 一 一 > 添加 一 个 SeekBar 
android:progress = "50" 
android:padding = "10px" 
android:layout width = "match parent"/» 
«/LinearLayout > 


步骤 2: 在 MainActivity.java 文件 中 定义 一 个 SeekBar 类 的 对 象 。 其 具体 代码 如 下 : 


package con. ningrisoft; 

import android. app. Activity; 

import android. os. Bundle; 

import android. widget. SeekBar; 

import android. widget. Toast; 

import android. widget. SeekBar. OnSeekBarChangeListener; 
import android. widget. TextView; 


public class MainActivity extends Activity ( 
private SeekBar seekbar; 
(QOverride 
public void onCreate(Bundle savedInstanceState) { 
super. onCreate(savedInstanceState); 
setContentView(R. layout. main); 
final TextView result = (TextView)findViewById(R. id. textViewl); 
Seekbar = (SeekBar) findViewById(R. id. seekBarl); seekbar. setOnSeekBarChangeListener (new 
OnSeekBarChangeListener() { 
GOverride 
public void onStopTrackingTouch(SeekBar seekBar) { 
Toast. makeText(MainActivity.this, "结束 滑动 "， 
Toast. LENGTH SHORT) . show( ) ; 
) 


GOverride 
public void onStartTrackingTouch(SeekBar seekBar) ( 
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Toast. makeText(MainActivity. this, "开始 滑动 "， 
Toast.LENGTH SHORT).show(); 
} 


@Override 
public void onProgressChanged(SeekBar seekBar, int progress, 
boolean fromUser) { 
result. setText(" 当 前 值 : " + progress); 


步骤 3: 运行 程序 ,效果 如 图 6-16 所 示 。 
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6.10 SeekBar 组 件 实例 
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图 6-16 SeekBar 组 件 实例 运行 效果 图 


6.3.41. 在 UI 中 设计 星 级 评价 条 : RatingBar 组 件 实例 


[806.11] 在 Android Studio 中 创建 名 为 6.11 的 App 项 目 ,使 用 XE 
视频 讲解 


RatingBar 组 件 在 布局 管理 器 中 添加 星 级 评价 条 。 
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步骤 1: 在 Android Studio 中 创建 一 个 名 为 6.11 的 App 项 目 .并 在 项 目 文件 中 找到 res 
下 layout 文件 夹 中 的 activity main. xml 文件 ,将 原 有 默认 的 TextView 组 件 删除 ,然后 通 
过 < RatingBar ></RatingBar > 标记 添加 一 个 星 级 评价 条 。 其 具体 代码 如 下 : 


<?xml version = "1.0" encoding = "utf - 8"?> 
< LinearLayout xmlns:android = "http://schemas. android. con/apk/res/android" 
android:orientation = "vertical" 
android:layout width- "fill parent" 
android:layout height = "fill parent" 
> 
< RatingBar 
android: id = "@ + id/ratingBarl" 
android:numStars = "6" 
android:rating = "3.5" 
android: isIndicator = "false" 
android: layout_width = "wrap content" 
android: layout_height = "wrap_content"/> 


android: text = "提交 " 

android: id= "@ + id/button1" 

android:layout width- "wrap content" 

android:layout height = "wrap content" /» 
«/LinearLayout > 


广 一 一 一 添加 一 个 “提交 ”按钮 


步骤 2: 在 MainActivity.java 文件 中 定义 一 个 RatingBar 类 的 对 象 。 其 具体 代码 如 下 : 


package con. ningrisoft; 


import android. app. Activity; 

import android. os. Bundle; 

import android. util. Log; 

import android. view. View; 

import android. view. View. OnClickListener; 
import android. widget. Button; 

import android. widget. RatingBar; 

import android. widget. Toast; 


public class MainActivity extends Activity ( 
[ private RatingBar ratingbar; | er y ui 
上 一 一 定义 星 级 评价 条 


(QOverride 
public void onCreate(Bundle savedInstanceState) { 
super. onCreate( savedInstanceState); 
setContentView(R. layout. main); 
ratingbar - (RatingBar) findViewById(R. id. ratingBarl); 
Button button - (Button)findViewById(R. id. buttonl); 
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button. setOnClickListener(new OnClickListener() { 


@Override 
public void onClick(View v) { 


int result = ratingbar. getProgress(); 获取 每 次 最 少 改变 星 
float rating = ratingbar.getRating(); | 一 一 ~ 获取 星 级 评 


float step = ratingbar.getStepSize(); 获取 星 级 评价 度数 量 
Log. i( E ZW UPZR"," step: " * step * " result =" + result +" rating- " + 


rating); 
Toast. makeText(MainActivity.this, "斩获 " + rating + "Wig", 
Toast. LENGTH SHORT). show(); 
) 
n 
} 
步骤 3: 运行 程序 ,效果 如 图 6-17 所 示 。 
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6.11 RatingBar 组 件 实例 


图 6-17 RatingBar 组 件 实例 运行 效果 图 
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6.3.12 在 UI 中 设计 图 片 查看 器 : ImageSwiteher 组 件 实例 


[B] 6.12] 在 Android Studio 中 创建 名 为 6.12 的 App 项 目 , 使 用 ImageSwitcher 组 件 
在 布局 管理 器 中 实现 图 片 的 查看 功能 。 [a] 

步骤 1: 在 Android Studio 中 创建 一 个 名 为 6.12 的 App 项 目 , 并 在 项 目 
文件 中 找到 res 下 layout 文件 夹 中 的 activity_main.xml 文件 ,将 原 有 默认 的 
TextView 组 件 删除 ,然后 通过 < ImageSwitcher ></ImageSwitcher > 标记 添 
加 一 个 图 像 切换 器 ,并 添加 两 个 按钮 。 其 具体 代码 如 下 : 


<?xml version= "1.0" encoding = "utf 一 8"?> 

< LinearLayout xmlns:android = "http://schemas.android. con/apk/res/android" 
android:orientation = "horizontal" 

yout width= "fill parent" 

yout height = "fill parent" 

"@ + id/llayout" 

android:gravity = "center" 


> 

< Button 

android:text = "BACK" 

android:id- "(9 + id/buttonl" 太一 一 一 ~ 添加 BACK 按 钮 
androi iyout width = "wrap content" 


android:layout height = "wrap content" /» 


< InageSwitcher 
android:id- "(9 + id/imageSwitcherl" 
android:layout gravity = "center" 一 一 一 一 ~ 添加 一 个 ImageSwitcher 
android: layout_width = "wrap content" 
android: layout_height = "wrap_content"/> 


<Button 
android:text = "NEXT" 
android:id- "(9 + id/button2" 
android:layout width = "wrap content" 
android:layout height = "wrap content"/» 
XLinearlayut? => => 


添加 NEXT 按 钮 


步骤 2: 在 MainActivity.java 文件 中 定义 一 个 用 于 保存 图 像 id 的 数组 ,再 定义 一 个 
ImageSwitcher 类 的 对 象 。 其 具体 代码 如 下 : 


package con. ningrisoft; 


hh s ii 
D Android Studio App 边 做 边 学 一 一 微 课 视频 版 


import android. app. Activity; 

import android. os. Bundle; 

import android. view. View; 

import android. view. View. OnClickListener; 
import android. view. ViewGroup. LayoutParams; 
import android. view. animation. AnimationUtils; 
import android. widget. Button; 

import android. widget. ImageSwitcher; 

import android. widget. ImageView; 

import android. widget. ViewSwitcher. ViewFactory; 


public class MainActivity extends Activity { 
private int[] imageId = new int[] { R. drawable. img01, R. drawable. img02, 
R. drawable. img03, R.drawable. img04, R. drawable. img05, 
R.drawable. img06, R.drawable. img07, R. drawable. img08, 
R. drawable. img09 ); 声明 一 个 保存 
private int index = 0; 图 像 的 数组 
private ImageSwitcher imageSwitcher; 


@Override 
public void onCreate( Bundle savedInstanceState) { 
super. onCreate( savedInstanceState) ; 
setContentView(R. layout. main); 
imageSwitcher = (ImageSwitcher) findViewById(R. id. imageSwitcherl); 
imageSwitcher. setInAnimation(AnimationUtils. loadAnimation(this, 
android.R.anim.fade in)); 
imageSwitcher. setOutAnimation(AnimationUtils.loadAnimation(this, 
android. R. anim. fade out)); 
imageSwitcher. setFactory(new ViewFactory() ( 


(QOverride 
public View makeView() { 
ImageView imageView = new ImageView(MainActivity. this); 
imageView. setScaleType(InageView. ScaleType. FIT CENTER); 
imageView. setLayoutParams(new ImageSwitcher. LayoutParams( 
LayoutParams.WRAP CONTENT, LayoutParams. WRAP CONTENT)); 
return imageView; 


Di 

imageSwitcher. setImageResource( imageId[ index]) ; 
Button up = (Button) findViewById(R. id.buttonl); 
Button down = (Button) findViewById(R. id. button2); 
up. setOnClickListener(new OnClickListener() { 


GOverride 
public void onClick(View v) ( 


if (index > 0) ( 


项 目 6 


设置 App 的 UI 组 件 a 


index —- ; 
} else { 

index = jmageId. length - 1; 
} 


imageSwitcher. setImageResource( imageId[ index]) ; 


D 
down. setOnClickListener(new OnClickListener() ( 


@Override 
public void onClick(View v) { 
if (index < imageId.length - 1) ( 
index**; 
) eise ( 
index = 0; 
) 
imageSwitcher. setImageResource( imageId[ index]) ; 


n; 
) 


步骤 3: 运行 程序 ,效果 如 图 6-18 所 示 。 
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6.12 ImageSwitcher 组 件 实例 


图 6-18 ImageSwitcher 组 件 实例 运行 效果 图 
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本 项 目 通过 实例 的 方式 为 大 家 介绍 了 Android 常用 的 UI 组 件 , 包 括 文本 框 ` 编 辑 框 、 
按钮 .图像 视图 . 单 选 按钮 日 期 .计时 器 等 基本 组 件 , 以 及 文本 框 、 拖 动 条 、 列 表 选 择 框 、 网 
格 视图 、 进 度 条 、 星 级 评价 条 、 图 像 切换 器 等 高 级 组 件 。 通 过 这 些 组 件 的 创建 与 运用 能 够 很 
好 地 进行 App 的 UI 设计 ,希望 大 家 能 够 举一反三 ,将 App 的 UI 界面 设计 从 技术 层面 逐渐 
向 艺术 层面 转化 ,真正 实现 活 学 活用 。 


65 项目 练 习 


1. 开发 一 款 App, 在 其 中 创建 TextView 组 件 ,实现 在 手机 界面 上 添加 文字 说 明 的 
2. 开发 一 款 App, 在 其 中 创建 ImageView 组 件 , 实 现 带 边框 的 图 片 的 显示 。 

3. 开发 一 款 App, 设 置 复 选 按钮 ,实现 多 个 项 目的 选择 功能 。 

4. 开发 一 款 App, 实 现 能 够 预览 多 张 图 片 的 功能 。 
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设置 App 的 多 媒体 应 用 


71 项 目 目标 : 为 App 添加 多 媒体 应 用 


对 于 一 个 完善 的 App 而 言 ,多 媒体 的 适当 应 用 能 够 使 App 的 功能 更 加 丰富 ,与 用 户 之 
间 的 沟通 更 加 亲密 。 音 频 和 视频 在 传达 信息 方面 比 单纯 的 文字 与 图 片 更 具 吸 引力 和 突出 
性 。 那 么 如 何在 App 界面 上 添加 多 媒体 ,如 何 控制 多 媒体 的 运行 , 即 为 本 项 目的 主要 内 容 。 
本 项 目 通过 结合 实例 讲解 ,希望 能 够 使 大 家 轻松 地 使 用 多 媒体 ,为 App 的 设计 添加 交互 强 
的 多 媒体 控制 功能 。 
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7.2.1 介绍 音频 控制 类 


对 于 音频 的 控制 ,在 Android 开发 中 提供 了 MediaPlayer 类 .能够 方便 开发 者 对 音频 进 
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行 播放 、 和 暂停 ,继续 和 停止 等 功能 的 实现 。 其 实现 方法 十 分 简单 .只 要 在 创建 该 类 对 象 的 基 
础 上 进行 相关 方法 的 调用 即 可 。 


1. 创建 对 象 


MediaPlayer 类 仅 有 一 个 无 参 的 构造 函数 ,为 了 方便 对 象 的 初始 化 ,提供 了 几 个 静态 的 
create() 方 法 用 于 完成 MediaPlayer 初始 化 的 工作 。 其 常用 的 方法 有 以 下 两 种 。 

(1) static MediaPlayer create(Context context,int resid); 通过 资源 的 id( 即 音频 资源 
的 绝对 路 径 ) 来 创建 MediaPlayer 对 象 。 

(2) static MediaPlayer create(Context context. Uri uri): 通过 指定 Uri( 即 音频 资源 的 
网 络 地 址 ) 来 创建 MediaPlayer 对 象 。 

与 此 同时 ,创建 MediaPlayer 对 象 也 可 以 采用 new 的 方式 ,例如 : 


MediaPlayer mp = new MediaPlayer(); 


2. 音频 文件 的 装载 


在 播放 音频 文件 之 前 ,首先 要 完成 音频 的 装载 。 装 载 音频 的 方法 有 两 种 ,分 别 是 
MediaPlayer 类 和 Sound Pool 类 ,更 加 适用 与 合理 的 方法 为 prepareAsync() 的 异步 装载 方 
式 。 其 具体 代码 如 下 : 


MediaPlayer mp = new MediaPlayer(); 
mp. setDataSource(path) ; 
mp. setAudioStreanType(AudioManager. STREAM MUSIC) ; // 通 过 异步 的 方式 装载 媒体 资源 
mp. setOnPreparedListener(new OnPreparedListener() { 
(QOverride 
public void onPrepared(MediaPlayer mp) ( 
np. start(); 六 一 一 装载 后 即 可 播放 音频 mp 
) 
DE 


3. 播放 ,暂停 .停止 音频 


对 于 音频 的 控制 ,可 以 使 用 void pause() 和 暂停 、 使 用 void start() 开 始 、 使 用 void stopO 
停止 。 以 上 面 创建 名 为 mp 的 MediaPlayer 类 为 例 ,使 用 方法 的 具体 代码 如 下 。 

(1)“mp.pause();”: 对 象 mp 暂停 播放 。 

(2)“mp.start();”: 对 象 mp 开始 播放 。 
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(3) "mp.stopO ;": 对 象 mp 停止 播放 。 


7.2.0. 介绍 视频 控制 类 


1. VideoView 组 件 


对 于 视频 的 控制 ,Android 中 自 带 的 VideoView 组 件 可 以 实现 各 项 控制 功能 。 在 使 用 
的 过 程 中 ,首先 要 创建 VideoView 组 件 的 对 象 ,然后 通过 Activity 获取 该 对 象 , 在 加 载 视频 
对 象 后 ,再 通过 与 控制 音频 相同 的 方法 来 控制 视频 ,例如 播放 视频 使 用 start() 方 法 ,暂停 视 
频 使 用 pause() 方 法 ,停止 视频 使 用 stop() 方 法 等 ,常见 方法 如 表 7-1 所 示 。 


表 7-1 VideoView 组 件 调用 方法 及 使 用 说 明 


方法 名 称 使 用 说 明 
setVideoPath() 设置 播放 视频 的 位 置 
start() 开始 或 继续 播放 视频 
pause() 暂停 播放 视频 
resume() 将 视频 从 头 开 始 播 放 
seekToO 从 指定 的 位 置 开 始 播放 视频 
isPlaying() 判断 当前 是 否 正在 播放 视频 
getDuration() 获取 载 入 的 视频 文件 的 时 长 


在 界面 上 添加 VideoView 组 件 , 可 以 通过 < VideoView ></VideoView > 标记 来 编写 。 
其 具体 代码 如 下 : 
<VideoView 


属性 列表 


- 
«/NideoView» 


VideoView 组 件 支持 的 XML 属性 如 表 7-2 所 示 。 


表 7-2 VideoView 组 件 支持 的 XML 属性 


XML 属性 使 用 说 明 
android: id 设置 视频 组 件 的 id 
android: layout_width 设置 视频 的 宽度 
android: layout_heigh 设置 视频 的 高 度 
android: background 设置 视频 的 播放 背景 
android; layout gravity 设置 视频 的 对 齐 方式 
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2. SurfaceView 组 件 


在 开发 Android 时 ,除了 使 用 VideoView 组 件 实现 对 视频 的 控制 以 外 ,还 可 以 通过 
SurfaceView 组 件 配合 MediaPlayer 组 件 实 现 对 视频 的 控制 。 具 体 的 实现 步骤 如 下 : 

第 1 步 : 在 main.xml 文件 中 定义 SurfaceView 组 件 。 

第 2 步 : 在 MainActivity.java 文件 中 声明 MediaPlayer 对 象 和 SurfaceView 对 象 。 

第 3 步 : 实例 化 MediaPlayer 对 象 ,并 添加 SurfaceView 组 件 。 

第 4 步 : 使 用 MediaPlayer 组 件 配 套 的 方法 实现 对 视频 的 控制 ,例如 播放 等 。 


7.3.89. 介绍 相机 控制 类 


对 于 手机 而 言 , 相 机 的 使 用 是 必 不 可 少 的 。 在 App 中 如 果 能 够 结合 相机 的 使 用 , 则 能 
够 为 其 功能 增色 许多 。 在 Android 开发 中 ,Camera 类 专门 用 于 控制 相机 以 实现 相机 拍照 和 
录像 功能 ,其 中 包含 很 多 控制 相机 的 方法 ,如 表 7-3 所 示 。 


表 7-3 Camera 类 常用 方法 及 说 明 


方 法 


说 9 


Camera open() 


打开 Camera, 返 回 一 个 Camera 实例 


Camera open(int camerald) 


根据 camerald 打开 一 个 Camera, 返 回 一 个 Camera 实例 


release() 释放 Camera 的 资源 
getNumberOfCameras() 获取 当前 设备 支持 的 Camera 硬件 个 数 
Camera.Parameters getParameters() 获取 Camera 的 各 项 参数 设置 类 


setParameters(Camera.Parameters params) 


通过 params 把 Camera 的 各 项 参数 写 和 人 Camera 中 


setDisplayOrientationCint degrees) 


摄像 预览 的 旋转 度 


setPreviewDisplay( SurfaceHolder holder) 


设置 Camera 预览 的 SurfaceHolder 


startPreview() 开始 Camera 的 预览 
stopPreview() 停止 Camera 的 预览 
autoFocus( Camera, AutoFocusCallback cb) 自动 对 焦 

takePicture ( Camera. ShutterCallback shutter, 

Camera.  PictureCallback raw, Camera. | 拍照 


PictureCallback jpeg) 


lockO. 


锁定 Camera 硬件 ,使 其 他 应 用 无 法 访问 


unlock() 


解锁 Camera 硬件 ,使 其 他 应 用 可 以 访问 


在 开发 App 使 用 相机 之 前 ,首先 需要 在 Manifest 文件 中 申请 权限 。 根 据 诉求 的 不 同 ， 
申请 的 方式 也 有 所 不 同 ,具体 方法 如 表 7-4 所 示 。 
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表 7-4 Camera 类 申请 权限 及 相关 方法 
申请 名 称 申请 方法 说 — 
MA < uses-permission android: name-— "android. " 
Camera Permission permission. CAMERA" /> 申请 使 用 设备 相机 
< uses-permission android:name 一 "android. 申请 照片 或 者 视频 


Storage Permission 


permission. WRITE EXTERNAL STORAGE" /> | 存储 到 设备 中 
< uses-permission android:name 一 "android. 
Audio Recording Permissi 录音 权限 
”| permission. RECORD. AUDIO inia 
locos Permission: < uses-permission android : name— "android. 申请 记录 地 理 位 置 


permission. ACCESS_FINE_LOCATION" /> 
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管理 器 中 实现 对 音频 的 控制 ,包括 播放 、 和 暂停 .继续 和 停止 等 。 


步骤 1: 将 需要 播放 的 音频 资源 放置 到 手机 的 SD 卡 的 根 目 录 中 ,音频 


文件 的 名 字 为 000.mp3 。 


步骤 2: 在 Android Studio 中 创建 一 个 名 为 7.1 的 App 项 目 , 并 在 项 目 


在 Android Studio 中 创建 名 为 7.1 的 App 项 目 , 使 用 MediaPlayer 类 在 布局 


文件 中 找到 res 下 layout 文件 夹 中 的 activity_main.xml 文件 ,添加 控制 音频 


的 Play、Pause、Stop 按钮 。 


其 具体 代码 如 下 : 


<?xml version = "1.0" encoding = "utf —- 8"?> 

< LinearLayout xmlns:android = "http: //schemas. android. com/apk/res/android" 
android: layout_width = "fill parent" 
android:layout height = "fill parent" 
android:orientation = "vertical" > 


< TextView 


android:id- "(9 + id/hint" 
android:layout width- "wrap content" 


android:layout height - "wrap content" 
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android:padding = "10px" 
android:text = "从 单 击 Play 开始 播放 音频 ”/> 


< LinearLayout 

android:id- "(9 + id/linearLayoutl" 

android:layout width = "match parent" 

android:layout height = "wrap content" > 

« Button 
android: id = "(9 + id/buttonl" 
android:layout width- "wrap content" 
android:layout height - "wrap content" 
android:text - "Play" /» 


添加 Play 按钮 


< Button 
android: id= "@ + id/button2" 
android:layout_width = "wrap_content" 
android:layout height = "wrap content" 
android:enabled - "false" 
android:text = "Pause" /> 


He ifs WPausefztll 


« Button 
android: id = "@ + id/button3" 
android:layout width = "wrap content" 
android:layout height = "wrap content" 
android:enabled = "false" 
android: text = "Stop" /> 
</LinearLayout > 

</LinearLayout > 


添加 Stop 按 钮 


步骤 3: 在 MainActivity.java 文件 中 定义 一 个 MediaPlayer 类 的 对 象 。 其 具体 代码 如 下 : 


package con. example. helloworld02; 
import java. io.File; 


import android. app. Activity; 

import android. database. Cursor; 

import android. nedia. MediaPlayer; 

import android. media. MediaPlayer. OnCompletionListener; 
import android. net. Uri; 

import android. os. Bundle; 

import android. provider. MediaStore; 

import android. support. v7. app. AppCompatActivity; 
import android. view. View; 

import android. view. View. OnClickListener; 

import android. widget. Button; 

import android. widget. TextView; 
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public class MainActivity extends AppCompatActivity { 
private MediaPlayer mp; 
private boolean isPause = false; 
private String musicPath; 
private TextView hint; 
@Override 
public void onCreate(Bundle savedInstanceState) { 
super. onCreate( savedInstanceState); 
setContentView(R. layout.activity main); 
final Button buttonl = (Button) findViewById(R. id. buttonl); 
final Button button2 = (Button) findViewById(R. id. button2); 
final Button button3 - (Button) findViewById(R. id. button3); 
hint = (TextView) findViewById(R. id. hint); 
file = new File ("/sdcard/000. np3") ; 上 一 一 音频 地 址 
String[ ] strings = ( 
MediaStore. Audio. Media. TITLE, 
MediaStore. Audio. Media. ARTIST, 
MediaStore. Audio. Media. DATA 


h 

Cursor cursor = this.getContentResolver().query(uri, strings, null, null, 
null); 

cursor. moveToNext() ; 

musicPath = cursor.getString(2); 


mp = new MediaPlayer(); -一 ~ 定义 一 个 MediaPlayer 对 象 ,名 为 mp 


mp. setOnCompletionListener(new OnCompletionListener() { 


Goverride . | 上 一 一 重新 播放 音频 
public void onCompletion(MediaPlayer mp) { 


play(); 


n; 


buttonl.setOnClickListener(new OnClickListener() { 


(GOverride 
public void onClick(View v) ( 
play(); 
if (isPause) { 
button2. setText("Pause") ; 
isPause - false; 
i 
button2.setEnabled(true); 
button3. setEnabled(true); 
buttonl.setEnabled(false); 


H); 
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button2.setOnClickListener(new OnClickListener() { 
GOverride 
public void onClick(View v) ( 
if (mp.isPlaying() && ! isPause) { 
mp. pause() ; 
isPause - true; 
button2.setText("Go on"); 
hint. setText("Pause the music"); 
buttonl.setEnabled(true); 
} else { 
mp.start(); 
button2.setText("Pause"); 
hint. setText("Go on to play the music"); 


暂停 播放 音频 


isPause = false; 
buttonl.setEnabled(false); 


n» 


button3.setOnClickListener(new OnClickListener() { 


(QOverride 

public void onClick(View v) ( 
np. stop() ; 
hint. setText("Stop the music"); [一 ~ 停止 播放 音频 
buttonl.setEnabled(true); 
button2. setEnabled(false); 
button3. setEnabled(false); 


ni 
) 
private void play() { 
try { 
mp.reset(); 


mp. setDataSource(musicPath); 
mp. prepare() ; 
mp. start(); 


播放 音频 
hint. setText("The music is playing"); 
) catch (Exception e) ( 
e. printStackTrace(); 
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@Override 
protected void onDestroy() { 


if (mp. isPlaying()) ( 
player.stop(); 

) 上 ~ 释放 音频 资源 

mp. release() ; 


super. onDestroy() ; 


步骤 4: 运行 程序 ,效果 如 图 7-1 一 图 7-3 所 示 。 


7.1 MediaPlayer 类 实例 


从 单 击 Play 开始 播放 音 天 The music is playing 
Play Pause Stop Play Pause Stop 
图 7-1 音频 控制 的 默认 界面 图 7-2 音频 控制 的 播放 状态 


【 例 7.2】 在 Android Studio 中 创建 名 为 7.2 的 App 项 目 , 并 在 例 7.1 
的 基础 上 使 用 MediaPlayer 类 在 布局 管理 器 中 实现 对 音频 音量 的 控制 。 

步骤 1: 将 需要 播放 的 音频 资源 放置 到 手机 SD 卡 的 根 目录 中 ,音频 文 S ra 
件 的 名 字 为 000.mp3 。 


AP 
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7.1 MediaPlayer 类 


Pause the music 


Play Goon Stop 


图 7-3 音频 控制 的 暂停 状态 


步骤 2: 在 Android Studio 中 创建 一 个 名 为 7.2 的 App 项 目 , 并 在 项 目 文件 中 找到 res 
下 layout 文件 夹 中 的 activity_main.xml 文件 ,添加 音量 滑动 条 (SeekBar) ,实现 对 音量 的 控 
制 。 其 具体 代码 如 下 : 


«?xnl version = "1.0" encoding = "utf - 8"?> 

< LinearLayout xmlns:android = "http://schemas. android. com/apk/res/android" 
android:layout width= "fill parent" 
android:layout height = "fill parent" 
android:orientation- "vertical" > 


< TextView 
android:id- "(9 + id/hint" 
android:layout width- "wrap content" 
android:layout height - "wrap content" 
android:padding = "10px" 
android:text = " 单 击 Play 播放 音频 ”人 > 


< LinearLayout 
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android: id = "@ + id/linearLayout1" 
android:layout width = "match parent" 
android:layout height = "wrap content" 
android:orientation = "horizontal" 


« Button 
android:id- "(9 + id/buttonl" 


android:layout width- "wrap content" 
android:layout height = "wrap content" 


android: text = "Play" /> 


< Button 
android: id = "@ + id/button2" 


android:layout width = "wrap content" 
android:layout height = "wrap content" 


android:enabled - "false" 
android: text = "Pause" /> 


« Button 
android: id = "@ + id/button3" 


android: layout_ width= "wrap content" 
android:layout height = "wrap content" 


android:enabled - "false" 
android:text = "Stop" /» 


« TextView 
android: id = "(9 + id/volume" 


android:layout width = "wrap content" 
android:layout height = "wrap content" 


android:padding = "10px" 
android:text = "Volume: " /> 


x/LinearLayout > 


< SeekBar 
android:layout gravity = "top" 
d- "(à + id/seekBarl" 
id:layout width = "match parent" 
android:layout height = "wrap content" 
人 > 


上 一 一 一 添加 控制 音量 滑动 条 


</LinearLayout > 


步骤 3: 在 MainActivity.java 文件 中 设置 滑动 条 音量 控制 的 方法 。 其 关键 代码 如 下 : 


final AudioManager mp = (AudioManager) MainActivity. this. getSystemService (Context. AUDIO - 


SERVICE); 


MainActivity. this. setVolumeControlStream(AudioManager. STREAM MUSIC) ; 


SeekBar seekbar = (SeekBar) findViewById(R. id. seekBarl); 


一 一 一 设置 SeekBar 
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seekbar. setMax(am. getStreamMaxVolume( AudioManager. STREAM MUSIC)); 

int progress = mp. getStreamVolume(AudioManager. STREAM MUSIC); 
seekbar. setProgress(progress); 

final TextView controlor - (TextView)findViewById(R. id. volume); 
controlor. setText("Volume" + progress); 

seekbar. setOnSeekBarChangeListener(new OnSeekBarChangeListener() { 
GOverride 
public void onStopTrackingTouch(SeekBar seekBar) (] 
(QOverride 
public void onStartTrackingTouch(SeekBar seekBar) {} 
@Override 
public void onProgressChanged( SeekBar seekBar, int progress, boolean fromUser) { 

controlor. setText("Volume" + progress); 

mp. setStreanVolume(AudioManager. STREAM MUSIC, progress, 
AudioManager.FLAG PLAY SOUND); 
) 

n; 


步骤 4: 运行 程序 ,效果 如 图 7-4 所 示 。 
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7.2 MediaPlayer 类 实例 


单 击 Play 播放 音频 


Play Pause Siop | Volume: 6 
Errem Ie 


图 7-4 音频 音量 控制 的 界面 
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7.3.2 ”设计 视频 控制 


【 例 7.3】 在 Android Studio 中 创建 名 为 7.3 的 App 项 目 ,使 用 VideoView 组 件 在 手 
机 上 实现 对 视频 的 播放 控制 。 

步骤 1: 在 Android Studio 中 创建 一 个 名 为 7.3 的 App 项 目 , 并 在 项 目 
文件 中 找到 res 下 layout 文件 夹 中 的 activity_main. xml 文件 ,添加 一 个 
VideoView 组 件 , 实 现 对 视频 的 控制 。 其 具体 代码 如 下 : 


<?xml version = "1.0" encoding = "utf - 8"?> 
< LinearLayout xmlns:android = "http://schemas. android. com/apk/res/android" 
android: layout_width = "match parent" 
android:layout height = "match parent" 
android:background = "(à drawable/mpbackground" 
android:orientation = "horizontal" > 


« VideoView 
android:id- "(9 + id/video" 
android:layout width = "match parent" 
android:layout height - "wrap content" 
android:layout gravity = "center" /> 


| 一 一 添加 VideoView 组 件 


</LinearLayout > 


步骤 2: 在 MainActivity.java 文件 中 声明 VideoView 组 件 的 对 象 ,并 对 视频 添加 控制 
方法 。 其 关键 代码 如 下 : 


package com. example. helloworld; 

import java. io. File; 

import android. app. Activity; 

import android. nedia. MediaPlayer; 

import android. media. MediaPlayer. OnCompletionListener; 
import android. os. Bundle; 

import android. os. Environment; 

import android. support. v7. app. AppConpatActivity; 
import android. util. Log; 

import android. widget. MediaController; 

import android. widget. Toast; 

import android. widget. VideoView; 


public class MainActivity extends AppCompatActivity { 
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private VideoView tv; L— —— e 声明 VideoView 对 象 
@Override 
public void onCreate(Bundle savedInstanceState) { 
super. onCreate( savedInstanceState); 
setContentView(R. layout. activity main); 
tv= (VideoView) findViewById(R. id. video); 
File file= new File("/storage/4AAC 101B/sdcard/ IÑ JÈ. mp4"); 
MediaController mc = new MediaController(MainActivity. this); 
if(file. exists()){ 
tv. setVideoPath(file.getAbsolutePath()); 
tv. setMediaController(mc); 
tv. requestFocus() ; 
try (tv.start(); 
) catch (Exception e) ( 
e. printStackTrace(); 


获取 视频 文件 


播放 视频 文件 


) 


tv. setOnCompletionListener(new OnCompletionListener() ( 


(G)Override 
public void onCompletion(MediaPlayer mp) ( 
Toast. makeText(MainActivity. this, "The video is over. ", 
Toast. LENGTH SHORT). show(); 


ni 
}else{ 
Toast. makeText (this, "The video is not exist. ", 
Toast. LENGTH_SHORT). show( ) ; 


) 


步骤 3: 运行 程序 ,效果 如 图 7-5 所 示 。 

[517.4] 在 Android Studio 中 创建 名 为 7.4 的 App 项 目 , 使 用 
SurfaceView 组 件 配合 MediaPlayer 在 手机 上 实现 对 视频 的 播放 控制 。 

步骤 1: 在 Android Studio 中 创建 一 个 名 为 7.4 的 App 项 目 , 并 在 项 目 
文件 中 找到 res 下 layout 文件 夹 中 的 activity. main. xml 文件 ,添加 一 个 
SurfaceView 组 件 和 控制 视频 的 按钮 。 其 具体 代码 如 下 : 


<?xml version = "1.0" encoding = "utf 一 8"?> 


< LinearLayout xmlns:android = "http://schemas. android. com/apk/res/android" 
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7.3 VideoView 组 件 实例 


图 7-5 VideoView 组 件 播放 视频 实例 界面 


android: layout_width = "fill parent" 
android:layout height = "fill parent" 
android:gravity- "center" 


android:orientation- "vertical" > 


« SurfaceView 
android:id- "(9 + id/surfaceViewl" 
android:layout width = "300dp" 
android:layout height - "200dp" 


添加 SurfaceView 组 件 


android:keepScreenOn = "true" /> 


< LinearLayout 
android:id- "(à + id/linearLayout1" 
android: layout_width= "wrap content" 


android:layout_height = "wrap content" > 
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< Button 
android: id= "(9 + id/play" 
android:layout width- "wrap content" | 一 一 添加 Play 按钮 
android:layout height = "wrap content" 
android: text = "Play" /> 

< Button 
android: id = "@ + id/pause" 
android:layout_width = "wrap_content" 


android: layout_height = "wrap content" | — 添加 Pause 按 钮 


android:enabled = "false" 

android:text = "Pause" /> 
« Button 

android: id = "@ + id/stop" 

android:layout width- "wrap content" | —e 添加 Stop 按 钮 


android:layout height = "wrap content" 
android: text = "Stop" /> 
</LinearLayout > 


</LinearLayout > 


步骤 2; 在 MainActivity.java 文件 中 声明 SurfaceView 组 件 和 MediaPlayer 组 件 的 对 
象 ,并 对 视频 添加 控制 方法 。 其 关键 代码 如 下 : 


package com. example. helloworld; 
import java. io. IOException; 


import android. app. Activity; 

import android. media. MediaPlayer; 

import android. media. MediaPlayer. OnCompletionListener; 
import android. os. Bundle; 

import android. support. v7. app. AppConpatActivity; 
import android. view. SurfaceView; 

import android. view. View; 

import android. view. View. OnClickListener; 

import android. widget. Button; 

import android. widget. Toast; 


public class MainActivity extends AppCompatActivity ( 
private MediaPlayer mplayer; | 一 一 声明 MediaPlayer 对 象 , 名 为 mplayer 
private SurfaceView sview; | 一 一 声明 SurfaceView 对 象 ,名 为 sview 
@Override 
public void onCreate(Bundle savedInstanceState) { 

super. onCreate( savedInstanceState); 

setContentView(R. layout.activity main); 

mplayer = new MediaPlayer(); 
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sview = (SurfaceView)findViewById(R. id. surfaceViewl); 

Button play = (Button)findViewById(R. id. play); 

final Button pause = (Button)findViewById(R. id. pause) ; 

Button stop = (Button)findViewById(R. id. stop); 
play.setOnClickListener(new OnClickListener() ( 


(QOverride 
public void onClick(View v) ( 
mplayer. reset( ); 
try ( 
mplayer. setDataSource(" /storage/4AAC - 101B/sdcard/ ll JE . mp4" ) ; 
mplayer. setDisplay(sv.getHolder()); 
mplayer.prepare(); 
mplayer.start(); 
pause. setText("Pause") ; 
pause. setEnabled(true);/ 
} catch (IllegalArgumentException e) { 
e. printStackTrace(); 
) catch (SecurityException e) ( 
e. printStackTrace(); 
) catch (IllegalStateException e) { 
e. printStackTrace(); 
} catch (IOException e) ( 
e. printStackTrace(); 


n; 
stop. setOnClickListener(new OnClickListener() ( 


(QOverride 
public void onClick(View v) ( 
if(mplayer. isPlaying())í 
mplayer.stop(); 
pause. setEnabled(false); 
) 


ni 
pause. setOnClickListener(new OnClickListener() { 


(GOverride 
public void onClick(View v) { 
if (mplayer. isPlaying())( 
mplayer. pause(); 
((Button)v).setText("Go on"); 
}else{ 
mplayer. start(); 
((Button)v).setText("Pause"); 
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} 
D 
mp. setOnCompletionListener(new OnCompletionListener() { 


@Override 
public void onCompletion(MediaPlayer mp) { 
Toast. makeText(MainActivity.this, "The video is over", 
Toast.LENGTH SHORT). show(); 
) 
D; 


} 
(QOverride 
protected void onDestroy() ( 
if(mplayer. isPlaying())( 
mplayer.stop();) 
np. release() ; 
super. onDestroy() ; 


) 


步骤 3: 运行 程序 ,效果 如 图 7-6 所 示 。 


7.4 SurfaceView 组 件 实例 


图 7-6  SurfaceView 组 件 播放 视频 实例 运行 界面 
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7.8.8. 设计 相机 控制 


【 例 7.5】 在 Android Studio 中 创建 名 为 7.5 的 App 项 目 ,使 用 Camera 
组 件 实现 手机 控制 拍照 。 

步骤 1: 在 Android Studio 中 创建 一 个 名 为 7.5 的 App 项 目 ,并 在 项 目 
文件 中 找到 res 下 layout 文件 夹 中 的 activity main. xml 文件 ,添加 一 个 
SurfaceView 组 件 和 控制 相机 运行 的 按钮 。 其 具体 代码 如 下 : 


<?xml version= "1.0" encoding = "utf 一 8"?> 

< LinearLayout xmlns:android = "http://schemas. android. com/apk/res/android" 
android:layout width- "fill parent" 
android:layout height = "fill parent" 
android:orientation- "horizontal" > 


< LinearLayout 
android: id= "(9 + id/linearLayoutl" 
android:layout width = "72dp" 
android:layout height = "match parent" 
android:orientation = "vertical" > 


« Button 
android: id = "(9 + id/preview" 
android:layout width- "wrap content" 


添加 预览 按钮 PREVIEW 
android:layout height = "wrap content" 
android: text = "(Qstring/preview" /> 


« Button 
android: id = "(9 + id/takephoto" 
android:layout width = "wrap content" 


添加 拍照 按钮 TAKEPHOTO 
android:layout height = "wrap_content" 
android: text = "@string/takephoto" /> 
</LinearLayout > 


< SurfaceView 
android: id= "(9 + id/surfaceViewl" 
android:layout width- "match parent" 
android:layout height = "match parent" /> 


上 一 一 一 添加 SurfaceView 组 件 


</LinearLayout > 


步骤 2: 在 MainActivity.java 文件 中 声明 Camera 组 件 的 对 象 , 并 对 相机 添加 控制 方 
法 。 其 关键 代码 如 下 : 


public class MainActivity extends AppCompatActivity ( 
[erate Tamera ean | e Cama, am 
private boolean isPreview - false; 
(QOverride 
public void onCreate(Bundle savedInstanceState) { 
super. onCreate( savedInstanceState); 
requestWindowFeature(Window.FEATURE NO TITLE); 
setContentView(R. layout.activity main); 
if (!android. os. Environment. getExternalStorageState().equals( 
android. os. Environment.MEDIA MOUNTED)) ( 

Toast.makeText(this, "Please install SD card!", Toast.LENGTH SHORT).show(); 
final SurfaceView sview = (SurfaceView) findViewById(R. id. surfaceViewl); 
final SurfaceHolder sholer = sview .getHolder(); 
sholer.setType(SurfaceHolder. SURFACE TYPE PUSH BUFFERS); 


Button preview = (Button) findViewById(R. id. preview); 
preview. setOnClickListener(new View.OnClickListener() { 
(GOverride 
public void onClick(View vl) { 
if ('isPreview) ( 
| cam = Camera. open() ; | 一 一 一 打开 相机 
F 


try ( 

cam. setPreviewDisplay(sholder); 

Camera.Parameters parameters - cam.getParameters(); 
parameters. setPictureSize(576, 320); 


parameters. setPictureFormat(PixelFormat. JPEG) ; 

parameters. setPictureSize(576, 320); i 

cam. setParaneters(parameters); 控制 相机 的 方法 
cam. startPreview(); 详 见 表 7- 


can. autoFocus(null); 
) catch (IOException e) ( 
e. printStackTrace(); 


) 
n; 


Button takePhoto = (Button) findViewById(R. id. takephoto); 
takePhoto. setOnClickListener(new View. OnClickListener() { 
(QOverride 
public void onClick(View v1) { 


if(cam!- null)( 
cam. takePicture(null, null, jpeg); 
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使 用 onPictureTaken() 
final PictureCallback jpeg = new PictureCallback() { 方法 将 拍 下 的 图 片 保 
@Override 作为 位 图 
public void onPictureTaken(byte[ ] data, Camera cam) { L1] 
final Bitmap bmap - BitmapFactory.decodeByteArray(data, 0, 
data. length); 


View savelmage = getLayoutInflater().inflate(R.layout.save, null); 


final EditText ImageName - (EditText) savelmage 
. findViewById(R. id. phone name); 
ImageView v2 = (ImageView) savelmage .findViewById(R. id. show); 
V2. setInageBitmap(bm); 
canstopPreview(); 


isPreview - false; 


new AlertDialog. Builder(MainActivity. this).setView(saveImage ) 


. SetPositiveButton("Save", new DialogInterface. OnClickListener() ( 
@Override 


public void onClick(DialogInterface dialog, int which) { 
File file = new File("/sdcard/" + ImageName. getText().toString() + ".jpg" 


try { 


file.createNewFile(); 


FileOutputStream fOS- new FileOutputStream(file); 
bmap. compress(Bitmap. CompressFormat.JPEG, 80, fOS); 

fOS. flush(); 

f0S.close(); 

isPreview = true; 

resetCamera(); 

) catch (IOException e) ( 
e. printStackTrace(); 


]).setNegativeButton("Cancel", 
new DialogInterface. OnClickListener() { 


public void onClick(DialogInterface dialog, int which) ( 
isPreview = true; 
resetCamera(); 
) 
}). show(); 


}; 
private void resetCamera()( 
if(isPreview)( 


cam. startPreview(); 


) 
(QOverride 
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protected void onPause() { 
if(cam!- null)( 
cam. stopPreview(); 
can. release() ; 


} 


super. onPause( ); 


} 


步骤 3: 为 了 实现 保存 照片 的 界面 ,需要 在 res 下 的 layout 文件 夹 中 创建 一 个 save.xml 文 
件 , 其 中 包含 输入 照片 名 字 与 预览 照片 的 UI 设计 。 其 具体 代码 如 下 : 


<?xml version = "1.0" encoding = "utf - 8"?> 
< LinearLayout xmlns:android = "http: //schemas. android. con/apk/res/android" 
android:orientation = "vertical" 
android:layout width- "fill parent" 
android:layout height = "fill parent" 
< LinearLayout 
android:orientation = "horizontal" 
android:layout width- "fill parent" 
android:layout height = "wrap content"» 


< TextView 
android:layout width = "wrap content" 
android:layout height = "wrap content" TexViewil Uti H 
e 于 设置 保存 照片 


android:layout marginRight = "8dp" 
android: text = "Photo's name: " 


/» 
« EditText 
android:id- "@ + id/phone name" EditText 组 件 用 于 输入 
照片 名 字 


android:layout width- "fill parent" 


android:layout height = "wrap content"/» 


«/LinearLayout > 

< ImageView 
android: id= "(9 + id/show" 
android:contentDescription = "preview the photo" 
android:layout width = "350dp" recu " 
android:layout height - "260dp" 
android:scaleType - "fitCenter" 
android:layout marginTop = "10dp"/> 

«/Linearlayout > 
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步骤 4: 申请 相机 的 访问 权限 ,在 AndroidManifest.xml 文件 中 进行 设置 。 其 关键 代码 
如 下 : 


<?xml version = "1.0" encoding 
< manifest xmlns:android = "http://schemas. android. con/apk/res/android" 

package = "com. example. helloworld"> 

< uses - permission android:name = "android. permission. MOUNT UNMOUNT FILESYSTEMS"/» 
< uses - permission android:name = "android. permission. WRITE EXTERNAL STORAGE" /> 

< uses - permission android:name = "android. permission. CAMERA" /> 

< uses - feature android:name = "android. hardware. cam" /> 

< uses - feature android:name = "android. hardware. cam. autofocus" /» 


申请 权限 及 相关 
方法 ， 详 见 表 7-4 


数 果 如 图 7-7 和 图 7-8 所 示 。 


p 


CANCEL SAVE 


图 7-7 Camera 组 件 运行 相机 预览 界面 图 7-8 保存 照片 对 话 框 界面 
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7.4 项 目 结案 


本 项 目 通过 实例 的 方式 为 大 家 介绍 了 Android 常用 的 多 媒体 控制 组 件 与 方法 ,包括 对 
音频 、 视 频 及 照相 机 的 使 用 与 调控 等 。 通 过 实例 演示 ,能 够 较为 清晰 地 获取 如 何 播放 、 暂 
停 ,停止 装载 多 媒体 文件 ,也 能 够 在 App 中 添加 拍照 及 保存 照片 等 功能 ,这 对 于 开发 App 
而 言 是 十 分 重要 的 ,也 为 所 设计 的 App 增添 了 趣味 性 与 参与 性 。 


7.5 MAJ 


1. 设计 一 款 App ,播放 保存 在 手机 SD 卡 中 的 一 个 音频 文件 。 

2. 设计 一 款 App, 实 现 对 一 个 音频 文件 音量 的 实时 调控 。 

3. 设计 一 款 App, 实 现 播放 、 和 暂停 ,停止 手机 SD 卡 中 的 一 个 视频 文件 。 
4. 设计 一 款 App, 实 现实 时 拍照 并 保存 的 功能 。 
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设置 人 pp 的 图 像 与 动画 


App 的 功能 实现 需要 通过 文字 、 图 像 .音频 、 视 频 以 及 动画 等 富 媒体 形式 来 充分 展现 。 
在 前 面 的 项 目 中 ,对 于 如 何在 App 中 设置 及 控制 文字 音频、 视频 等 多 媒体 类 型 已 经 介绍 得 
较为 翔实 ,本 项 目 将 对 如 何在 App 中 设置 及 控制 图 像 与 动画 进行 实例 讲解 ,为 App 的 呈现 
锦上添花 。 


$2 项 目 准备 


8.2.1 介绍 绘图 类 


App 界面 上 的 图 像 可 以 通过 多 种 途径 实现 ,一 种 途径 是 通过 设置 Image 相关 类 进行 已 
有 图 像 的 引用 ,例如 App 的 背景 图 像 、 按 钮 的 背景 图 像 等 ; 另 一 种 途径 是 通过 绘制 的 方式 
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在 App 界面 上 直接 由 代码 实现 。 使 用 绘图 的 方式 制作 图 像 相 较 于 引用 图 像 的 方式 ,可 能 在 
图 像 的 成 像 水 平 .画面 精美 程度 等 方面 并 不 占有 优势 ,但 这 是 一 种 较为 自由 、 互 动 性 强 的 方 
法 ,因此 有 学 习 的 必要 。 

在 Android 开发 中 ,可 以 通过 Paint Cil 45) Æ , Canvas (Mi tp ) % , Bitmap (位 图 ) 类 等 实 
现 绘图 。 


1. Paint 类 
Paint 即 画笔 , 当 Paint 在 Canvas( 即 画布 ) 上 绘制 时 , 即 可 生成 图 像 。 与 任何 一 款 绘 制 
图 像 的 工具 类 相 比 ,画笔 能 够 帮助 绘画 者 实现 多 种 效果 与 风格 ,例如 颜色 透明度、 字体 风 


格 . 抗 锯齿 . 笔 刷 宽 度 .图 像 渐 变 效果 等 。 在 构建 Paint 类 时 多 采用 new 的 方法 ,具体 代码 
如 下 : 


Paint paint = new Paint(); 
为 了 实现 各 种 画笔 效果 ,在 Android 中 有 多 种 方法 可 供 Paint 类 调用 ,具体 方法 名 称 和 
使 用 说 明 如 表 8-1 所 示 。 
表 8-1 Paint 类 常用 的 方法 和 使 用 说 明 


方法 名 称 使 用 说 明 
:ARGE( » 设置 画笔 的 颜色 。 其 4 个 参数 分 别 代表 透明 度 和 颜色 的 
iis ET RGB 值 , 取 值 范围 为 0 一 255 
"mm 设置 画笔 的 Alpha 值 。 其 范围 为 0 一 255,0 代表 完全 透 
dri 明 ,255 代表 完全 不 透明 
d 设置 画笔 的 锯齿 效果 。true 代表 抗 锯齿 ,false 代表 不 抗 
setAntiAlias(true) 
锯齿 
setColor(R.color.red) 设置 画笔 的 颜色 。 其 参数 为 in 类 型 
setColorFilter( ColorFilter colorfilter) UEBCGHIEBOHERMBON E AARNOUS 
换 效果 
Ditta 设置 是 否 使 用 图 像 拌 动 处 理 ,使 绘制 出 来 的 图 片 的 颜色 
更 加 平滑 和 饱满 ,图 像 更 加 清晰 
setFakeBoldText(true) 模拟 实现 粗 体 文字 ,设置 在 小 字体 上 效果 会 非常 差 
如 果 该 项 设置 为 true, 则 图 像 在 动画 进行 中 会 滤 掉 对 
setFilterBitmap(true) Bitmap 图 像 的 优化 操作 ,加 快 显示 速度 。 本 设置 项 依赖 
于 dither 和 xfermode 的 设置 
setFlags(PaintANTIL ALIAS FLAG) 根据 flag 值 对 画笔 进行 设置 。 例 如 这 里 设置 的 是 抗 锅 齿 
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续 表 


方法 名 称 使 用 说 明 

设置 MaskFilter, 可 以 用 不 同 的 MaskFilter 实现 滤 镜 的 
效果 ,例如 滤 化 立体 等 

setPathEffect(PathEffect effect) 设置 绘制 路 径 的 效果 ,例如 点 画 线 等 

setShader(Shader shader) 设置 图 像 效果 ,使 用 Shader 可 以 绘制 出 各 种 渐变 效果 


在 图 形 下 面 设置 阴影 层 ,产生 阴影 效果 。radius 为 阴影 
的 角度 ,dx 和 dy 为 阴影 在 X 轴 和 YY 轴 上 的 距离 ,color 
为 阴影 的 颜色 


setStrikeThruText(boolean strikeThruText) | 设置 带 有 删除 线 的 效果 
当 画 笔 样式 为 STROKE 或 FILL_OR_STROKE 时 , 设 


setMaskFilter( MaskFilter maskfilter) 


setShadowLayer( float radius, float dx, float 


dy» int color) 


setStrokeCap( Paint.Cap. ROUND) 置 笔 刷 的 图 形 样式 ,例如 圆 角形 样式 (Cap.ROUND) 或 方 
形 样式 (Cap.SQUARE)。 这 会 影响 画笔 的 始末 端 
setSrokeJoin( Paint.Join join) 设置 绘制 时 各 图 形 的 结合 方式 ,例如 平滑 效果 等 
X mÆ RH STROKE 或 FILL_OR_STROKE 时 , 设 


setStrokeWidth(float width) 置 笔 刷 的 粗细 度 , 即 宽度 


设置 画笔 的 样式 ,包括 FILL (实心 的 )、FILL_OR_ 
STROKE 或 STROKE( 空 心 的 ) 


设置 该 项 为 true, 将 有 助 于 文本 在 LCD 屏幕 上 的 显示 


setStyle( Paint.Style style) 


setSubpixelText(boolean subpixelText) 


效果 

setTextAlign(Paint.Align align) 设置 绘制 文字 的 对 齐 方向 

setTextScaleX(float scaleX) de AECANEN TUTEETSE 
伸 效 果 

setTextSize(float textSize) 设置 绘制 文字 的 字号 大 小 

setTextSkewX(float skewX) 设置 斜体 文字 ,skewX 为 倾斜 弧度 

setTypeface( Typeface typeface) UR Typelcc HR REUS E TELA 
Rk ERREF 


setUnderlineText(boolean underlineText) 设置 带 有 下 夯 线 的 文字 效果 


2. Canvas 类 


Canvas 即 画 布 ,所 有 的 图 形 图 像 都 要 在 画布 上 成 像 , 开 发 者 可 以 通过 API 中 提供 的 方 
法 在 Canvas 上 进行 绘制 ,例如 绘制 各 种 形状 等 。 在 创建 Canvas 时 ,可 以 通过 两 种 方式 实现 
绘图 功能 : 一 种 是 通过 View 类 创建 对 象 ; 另 一 种 是 使 用 SurfaceView 组 件 下 的 Canvas 类 
创建 对 象 。 两 种 方法 适用 的 情境 不 同 ,对 于 体 量 小 、 帧 频 低 的 图 像 或 动画 可 以 直接 使 用 第 
一 种 方法 ; 对 于 有 高 品质 要 求 的 图 像 或 动画 而 言 ,第 二 种 方法 更 为 适用 。 在 Android 中 ， 
Canvas 类 常用 的 方法 如 表 8-2 所 示 。 


hs TT 
D Android Studio App 边 做 边 学 一 一 微 课 视 频 版 


表 8-2 


Canvas 类 常用 的 方法 及 使 用 说 明 


方法 名 称 


使 用 说 明 


drawRect (floot left, floot top, floot 
right, floot bottom. Paint paint) 


绘制 一 个 矩形 ,参数 1 为 矩形 左 侧 边 距离 原点 的 距离 ,参数 2 为 
矩形 上 边 距 离 原点 的 距离 ,参数 3 为 矩形 右 侧 边 距离 原点 的 距 
离 , 参 数 4 为 矩形 下 边 距 离 原点 的 距离 ,参数 5 为 Paint 对 象 


drawPath(Path path,Paint paint) 


绘制 一 个 路 径 , 参 数 1 为 Path 对 象 


drawBitmap ( Bitmap bitmap，Rect 
src; Rect dst. Paint paint) 


贴图 ,参数 1 就 是 常规 的 Bitmap 对 象 , 参 数 2 是 源 区 域 (这 里 是 
bitmap) ,参数 3 是 目标 区 域 (应 该 为 Canvas 的 位 置 和 大 小 ), 参 
数 4 是 Paint( 画 刷 ) 对 象 ,因为 有 缩放 和 拉 伸 的 可 能 , 当 原 始 
Rect 不 等 于 目标 Rect 时 性 能 会 有 大 幅 损失 


drawLine(float startX, float startY， 
float stopX. float stopY . Paintpaint) 


画 线 ,参数 1 为 起 始点 的 X 轴 位 置 ,参数 2 为 起 始点 的 Y 轴 位 
置 ,参数 3 为 终点 的 X 轴 水 平 位 置 ,参数 4 为 终点 的 Y 轴 垂直 
位 置 , 最 后 一 个 参数 为 Paint( 画 刷 ) 对 象 


drawPoint (float x, float y, Paint 


paint) 


画 点 ,参数 1 为 水 平 X 轴 ,参数 2 为 垂直 Y 轴 , 参 数 3 为 Paint 
对 象 


drawText(String text, float x,float y, 
Paint paint) 


泻 染 文本 ,参数 1 是 String 类 型 的 文本 ,参数 2 E X 轴 , 参 数 3 
是 Y 轴 ,参数 4 是 Paint 对 象 


drawOval(RectF oval, Paint paint) 


画 椭圆 ,参数 1 是 扫描 区 域 ,参数 2 是 Paint 对 象 


drawCircle (float cx, float cy, float 
radius, Paint paint) 


画 圆 ,参数 1 是 中 心 点 的 X 轴 ,参数 2 是 中 心 点 的 Y 轴 ,参数 3 
是 半径 ,参数 4 是 Paint 对 象 


drawArc( RectF oval, float startAngle, 
float sweepAngle, boolean useCenter, 
Paint paint) 


3. Bitmap 类 


Bitmap 即位 图 ,在 Android 开发 中 它 是 图 像 处 理 最 重要 的 类 之 一 。 


画 弧 ,参数 1 是 RectF Xd 8 .— 1 JE DUE RUE (0 9 PR JH FE 
义 形 状 , 大 小 .电弧 ; 参数 2 是 起 始 角 ( 度 ) 在 电弧 的 开始 ; 参数 
3 扫描 角 ( 度 ) 开 始 顺 时 针 测量 ,参数 4 如 果 为 真 ,包括 椭圆 中 心 
的 电弧 ,并 关闭 它 , 如 果 为 假 ,将 是 一 个 弧 线 ; 参数 5 是 Paint 
对 象 


使 用 该 类 可 以 获取 


图 像 文件 信息 ,对 图 像 进行 剪 切 、 旋 转 、 缩 放 等 操作 ,并 可 以 指定 格式 保存 图 像 文件 。 为 了 
实现 这 些 操作 ,Bitmap 类 支持 表 8-3 中 的 方法 。 
表 8-3 Bitmap 类 支持 的 常用 方法 及 使 用 说 明 


方法 名 称 使 用 说 明 
recycle() 回收 位 图 占用 的 内 存 空 间 , 把 位 图 标记 为 Dead 
boolean isRecycled() 判断 位 图 内 存 是 否 已 释放 
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方法 名 称 使 用 说 明 
getWidth() 获取 位 图 的 宽度 
getHeight() 获取 位 图 的 高 度 
isMutableO 图 片 是 否 可 修改 
getScaledWidth( Canvas canvas) 获取 指定 密度 转换 后 的 图 像 的 宽度 
getScaledHeight(Canvas canvas) 获取 指定 密度 转换 后 的 图 像 的 高 度 


compress(CompressFormat format, int 


quality,OutputStream stream) 


按 指定 的 图 片 格式 以 及 画 质 将 图 片 转换 为 输出 流 


createBitmap( Bitmap src) 


以 src 为 原 图 生成 不 可 变 的 新 图 像 


createScaledBitmap ( Bitmap src, int 
dstWidth.int dstHeight. boolean filter) 


以 src 为 原 图 创建 新 的 图 像 ,指定 新 图 像 的 高 、 宽 以 及 是 否 
可 变 


createBitmap (int width, int height, 
Config config) 


创建 指定 格式 ,大 小 的 位 图 


createBitmap ( Bitmap source, int x, int 


y:int width,int height) 


8.2.2 ”介绍 图 像 特效 


在 Android 中 可 以 对 图 像 做 进 一 


以 source 为 原 图 创建 新 的 图 片 ,指定 起 始 坐标 以 及 新 图 像 的 
高 宽 


步 处 理 , 包 括 设置 其 旋转 、 缩 放 \ 倾 斜 . 平 移 等 ,这 些 效 


果 统 称 为 图 像 特 效 。 其 中 , Rotate 类 用 于 实现 图 像 旋 转 : Scale 类 用 于 实现 图 像 缩 放 ; 
Matrix 类 用 于 实现 图 像 倾斜 ; Translate 类 用 于 实现 图 像 平 移 等 。 需 要 注意 的 是 , Matrix 
类 的 作用 对 象 是 Bitmap ,而 不 是 Canvas, 


1. Rotate 类 实现 图 像 旋转 


Rotate( 旋 转变 换 ) 采 用 一 个 浮 点 数 表示 旋转 的 角度 。 通 常 ,围绕 默认 点 (0,0), 正 数 将 
顺 时 针 旋转 图 像 , 负 数 将 逆 时 针 旋 转 图 像 , 其 中 默认 点 是 图 像 的 左上 角 。 


Matrix matrix = new Matrix( ); 
matrix. setRotate( 60); 


canvas. drawBitmap( bmp, matrix, paint); 


当然 ,也 可 以 使 用 旋转 的 角度 及 围绕 的 旋转 点 作为 参数 调用 setRotate() 方 法 。 这 种 方 
式 可 以 选择 图 像 的 中 心 点 作为 旋转 点 。 


matrix. setRotate(30, bmp. getWidth()/2, bmp. getHeight()/2); 


As 
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2. Scale 类 实现 图 像 缩 放 


Scale( 缩 放 变 换 ) 采 用 两 个 浮 点 数 作 为 参数 ,分 别 表示 在 X flc Y 轴 上 所 产生 的 缩放 


部 


matrix. setScale(2f, 1.5); 


3. Translate 类 实现 平移 


。 第 一 个 参数 是 X 轴 的 缩放 比例 ,第 二 个 参数 是 Y 轴 的 缩放 比例 。 


Translate( 平 移 变换 ) 采 用 两 个 浮 点 数 作为 参数 ,表示 在 X 轴 和 YY 轴 上 移动 的 数量 。 第 
一 个 参数 是 图 像 在 X 轴 上 移动 的 数量 ; 第 二 个 参数 是 图 像 在 Y 轴 上 移动 的 数量 。 在 X 轴 
上 使 用 正 数 进行 平移 将 向 右 移 动 图 像 ,使 用 负数 进行 平移 将 向 左 移动 图 像 ; 在 立轴 上 使 用 
正 数 进行 平移 将 向 下 移动 图 像 , 使 用 负数 进行 平移 将 向 上 移动 图 像 。 


matrix.setTranslate(2f, - 5); 


8.2.35 介绍 动画 类 型 


在 设计 开发 App 时 ,动画 的 使 用 是 十 分 普遍 的 。 有 动画 形式 的 加 入 ,能够 使 得 App 更 
具 动 感 与 趣味 性 。 与 动画 的 制作 原理 相似 ,在 Android 开发 中 对 于 动画 的 实现 一 般 也 是 通 
过 两 种 基本 方式 , 即 属性 动画 (Property Animation) 和 视图 动画 (View Animation) ,而 视图 
动画 又 包含 两 种 类 型 ,一 种 是 源 于 动画 的 “视觉 暂 留 "原理 而 提出 的 “ 逐 帧 动画 ”, 一 种 是 基 
于 计算 机 辅助 生成 原理 而 提出 的 * 补 间 动 画 ”"。 两 种 动画 形式 对 于 资源 的 需求 不 同 ,方法 的 
使 用 不 同 , 呈 现 的 效果 也 有 所 区 别 。 

在 Android 中 ,动画 的 实现 可 以 由 Animation 类 来 完成 , 它 的 XML 属性 如 表 8-4 所 示 。 


表 8-4 Animation 类 的 XML 属性 


属性 名 称 属性 含义 
android; detachWallpaper 设置 是 否 让 桌面 壁纸 跟着 动画 。 其 默认 是 false 
android: duration 设置 动画 执行 的 时 间 
android; fillAfter 动画 结束 时 停留 在 最 后 一 帧 
android: fillBefore 动画 结束 时 停留 在 第 一 帧 
android: fillEnabled 与 fillBefore 结合 使 用 
android: interpolator 设置 动画 为 加 速 动画 
{182) 
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续 表 
属性 名 称 属性 含义 
android: repeatCount 设置 动画 重复 的 次 数 
android; repeatMode 设置 动画 重复 的 方式 
android; startOffset 设置 动画 延迟 执行 的 时 间 
android; zAdjustment 被 设置 动画 的 内 容 在 动画 运行 时 在 Z 轴 上 的 位 置 
1. 逐 帧 动画 


逐 帧 动画 的 原理 是 将 每 一 张 图 片 作 为 一 帧 ,以 预先 设 定 的 顺序 进行 播放 , 即 形成 动画 
的 效果 。 实 现 逐 帧 动画 的 具体 步骤 如 下 。 

步骤 1: 将 动画 资源 ( 即 图 片 序列 ) 放 到 res 下 的 drawable 文件 夹 中 等 待 使 用 ,如 
图 8-1 所 示 。 


Ea abi den E ne AR A alm 


img001 img002 img003 img004 img005 img006 img007 img008 


图 8-1 逐 帧 动画 图 片 序列 


步骤 2: 设置 动画 , 即 在 res 文件 夹 中 新 建 一 个 XML 文件 ,并 在 其 中 定义 动画 的 图 片 资 
源 。 其 具体 代码 如 下 : 


«animation- list 
xnlns:android = "http: //schemas. android. con/apk/res/android" 
android:oneshot = "true" 
< item android:drawable = "(2 drawable/img001" android:duration = "100"/» 


< item android: drawable = "(drawable/img00N" android:duration = "100"/» 
«/animation- list» 


步骤 3. 启动 动画 , 即 在 MainActivity.java 文件 中 设置 动画 的 播放 等 控制 方法 。 其 具 
体 代码 如 下 : 


frameanimi. setOnClickListener(new View.OnClickListener() ( 
(QOverride 
public void onClick(View v) ( 
animationDrawable - (AnimationDrawable) v.getDrawable(); 
animationDrawable. start(); 
} 
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2. 补 间 动 画 


补 间 动 画 的 形成 与 逐 帧 动画 不 同 , 它 是 依托 于 计算 机 辅助 生成 的 方法 实现 , 补 间 动 画 
与 关键 帧 密 不 可 分 。 所 谓 关键 帧 , 即 动画 形成 的 重要 帧 幅 。 补 间 动 画 是 计算 机 通过 两 个 相 
邻 的 关键 帧 之 间 的 细微 变化 进行 补充 绘制 所 形成 的 画面 。 一 般 而 言 , 在 Android 开发 中 补 
间 动 画 有 旋转 、 缩 放 、 位 移 、 透 明度 等 效果 的 绘制 。 

1) RotateAnimation( 旋 转 补 间 动 画 ) 

RotateAnimation 类 是 Android 系统 中 的 旋转 变化 动画 类 ,用 于 控制 View 对 象 的 旋转 
动作 ,该 类 继承 于 Animation 类 。RotateAnimation 类 中 的 很 多 方法 都 与 Animation 类 一 
致 ,该 类 中 最 常用 的 方法 就 是 RotateAnimation 的 构造 方法 。 其 实现 的 基本 语法 如 下 : 

public RotateAnimation (float fromDegrees, float toDegrees, int pivotXType, float pivotXValue, 

int pivotYType, float pivotYValue) 

其 中 , fromDegrees 代表 旋转 的 开始 角度 ; toDegrees 代表 旋转 的 结束 角度 ; 
pivotXType 代表 X 轴 的 伸缩 模式 ,可 以 取 值 为 ABSOLUTE、 RELATIVE_TO_SELF、 
RELATIVE_TO_PARENT; pivotXValue 代表 X 轴 坐 标的 伸缩 值 ; pivot Y Type 代表 立轴 
的 伸缩 模式 ,可 以 取 值 为 ABSOLUTE, RELATIVE_TO_SELF、 RELATIVE_TO_ 
PARENT; pivotYValue 代表 Y 轴 坐 标的 伸缩 值 。 

2) ScaleAnimation( 缩 放 补 间 动画 ) 

ScaleAnimation 类 是 Android 系统 中 的 缩放 变化 动画 类 ,用 于 控制 View 对 象 的 缩放 
动作 ,该 类 继承 于 Animation 类 。 与 RotateAnimation 类 似 , 该 类 中 最 常用 的 方法 就 是 
ScaleAnimation 的 构造 方法 。 其 实现 的 基本 语法 如 下 : 

public ScaleAnimation(float fromX, float toX, float fromY, float toY, int pivotXType, float 

pivotXValue, int pivotYType, float pivotYValue) 

其 中 ,float fromX 代表 动画 起 始 时 X 轴 坐 标 上 的 伸缩 尺寸 ; float toX 代表 动画 结束 时 
X 轴 坐标 上 的 伸缩 尺寸 ; float fromY 代表 动画 起 始 时 Y 轴 坐 标 上 的 伸缩 尺寸 ; float toY 
代表 动画 结束 时 Y 轴 坐 标 上 的 伸缩 尺寸 ; int pivotXType 代表 动画 在 X 轴 相对 于 物件 位 置 
类 型 ; float pivotX Value 代表 动画 相对 于 物件 的 X 轴 坐标 的 开始 位 置 ; int pivotYType 代 
表 动 画 在 Y 轴 相 对 于 物件 位 置 类 型 ; float pivotY Value 代表 动画 相对 于 物件 的 立轴 坐标 
的 开始 位 置 。 
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3) TranslateAnimation( 位 移 补 间 动 画 ) 

TranslateAnimation 类 是 Android 系统 中 的 位 移 变 化 动画 类 ,用 于 控制 View 对 象 的 
位 移动 作 ,该 类 继承 于 Animation 类 。 与 RotateAnimation 类 似 , 该 类 中 最 常用 的 方法 就 是 
TranslateAnimation 的 构造 方法 。 其 实现 的 基本 语法 如 下 : 


TranslateAnimation(float fromXDelta, float toXDelta, float fromYDelta, float toYDelta) 


其 中 ,fromXDelta 代表 动画 开始 点 的 X 轴 坐标 ; fromYDelta 代表 动画 开始 点 的 Y 轴 
坐标 ; toXDelta 代表 动画 结束 点 的 X 轴 坐标 ; toYDelta 代表 动画 结束 点 的 Y 轴 坐 标 。 

4) AlphaAnimation( 透 明度 补 间 动 画 ) 

AlphaAnimation 类 是 Android 系统 中 的 透明 度 变 化 动画 类 ,用 于 控制 View 对 象 的 透 
明度 变化 ,该 类 继承 于 Animation 类 。 与 RotateAnimation 类 似 , 该 类 中 最 常用 的 方法 就 是 
AlphaAnimation 的 构造 方法 。 其 实现 的 基本 语法 如 下 : 


public AlphaAnimation(float fromAlpha, float toAlpha) 


其 中 ,fromAlpha 代表 开始 时 刻 的 透明 度 , 取 值 范围 为 0 一 1; toAlpha 代表 结束 时 刻 的 
透明 度 , 取 值 范围 为 0 一 1。 


8.3 项 目 运行 


8.3.1 添加 图 形 图 像 


[908.1]. 在 Android Studio 中 创建 名 为 8.1 的 App 项 目 ,使 用 Paint 
类 定义 3 种 不 同类 型 的 画笔 ,并 用 其 绘制 出 渐变 类 型 不 同 的 3 个 矩形 。 

步骤 1: 在 MainActivity.java 文件 中 对 第 一 支 画笔 进行 定义 ,并 为 矩形 [is 
填充 线性 渐变 颜色 。 其 具体 代码 如 下 : 视频 讲解 


protected void onDraw(Canvas canvas) { 
Paint paint1 = new Paint(); 
Shader shaderl = new LinearGradient(0, 0, 50, 50, Color. RED, Color. GREEN, Shader. 
TileMode. MIRROR); 
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paint. setShader(shaderl); 
canvas. drawRect(120,200,220,280, paintl); 
super. onDraw(canvas) ; 


) 


显示 效果 如 图 8-2 所 示 。 


8.1 Paint 


图 8-2 线性 渐变 效果 


步骤 2: 在 MainActivity.java 文件 中 对 第 二 支 画 笔 进行 定义 ,并 为 矩形 填充 角度 渐变 
颜色 。 其 具体 代码 如 下 : 


protected void onDraw(Canvas canvas) { 
Paint paint2 = new Paint(); 
Shader shader2 = new SweepGradient(265,110, new int[] 
(Color. RED, Color. GREEN, Color. BLUE) , null); 
Paint2. setShader(shader2); 
canvas. drawRect(120, 200, 220, 280, paint); 
super. onDraw(canvas) ; 
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显示 效果 如 图 8-3 所 示 。 
步骤 3: 在 MainActivity.java 文件 中 对 第 三 支 画笔 进行 定义 ,并 为 矩形 填充 径 向 渐变 
颜色 。 其 具体 代码 如 下 : 


protected void onDraw(Canvas canvas) { 
Paint paint3 = new Paint(); 
Shader shader3 - new RadialGradient(160, 110, 50, Color.RED, Color.GREEN, 
Shader. TileMode. MIRROR) ; 
Paint3. setShader(shader3); // 为 画笔 设置 渐变 器 
canvas. drawRect(120, 200, 220, 280, paint); 
super. onDraw(canvas) ; 


步骤 4: 运行 程序 ,效果 如 图 8-4 所 示 。 


8.1 Paint 类 实例 


图 8-3 角度 渐变 效果 图 8-4 径 向 渐变 效果 


【 例 8.2】 在 Android Studio 中 创建 名 为 8.2 的 App 项 目 , 使 用 Canvas 
类 实现 画布 绘图 功能 。 
步骤 1: 在 Android Studio 中 创建 一 个 名 为 8.2 的 App 项 目 , 通 过 继承 


- ——— 
> Android Studio App 边 做 边 学 一 一 微 课 视 频 版 


View 类 的 方式 创建 名 为 CanvasView 的 新 类 ,然后 在 src 的 main 下 找到 Java 中 的 com 文 
件 夹 ,新 建 CanvasView.java 文件 ,进行 画布 的 创建 。 其 具体 代码 如 下 : 


package con. example. helloworld; 

import android. content. Context; 

import android. graphics. Canvas; 

import android. graphics. Color; 

import android. graphics. Paint; 

import android. support. annotation. Nullable; 
import android. util. AttributeSet; 

import android. view. View; 


public class CanvasView extends View { 
public CanvasView (Context context, AttributeSet attrs) ( 
super(context, attrs); 


) 


步骤 2. 在 新 建 的 CanvasView( 面 布 ) 上 绘制 一 个 蓝 色 的 矩形 。 其 具体 代码 如 下 : 


@Override 
protected void onDraw(Canvas canvas) { 
Paint paint = new Paint(); 
paint. setColor(Color. BLUE) ; 
canvas. drawRect(45, 45, 450, 250, paint); 
super. onDraw(canvas) ; 


) 


步骤 3: 在 项 目 文件 中 找到 res 下 layout 文件 夹 中 的 activity main. xml 文件 ,设置 布局 
管理 器 。 其 具体 代码 如 下 : 


<?xml version = "1.0" encoding = "utf 一 8"?> 
< FrameLayout xmlns:android = "http://schemas. android. con/apk/res/android" 
android:layout width= "fill parent" 
android:layout height = "fill parent" 
E 
< com. example. helloworld. CanvasView 
android:id- "@ + id/canvasViewl" 
android:layout width- "wrap content" 
android:layout height = "wrap content" /> 
«/FraneLayout > 


步骤 4: 运行 程序 ,效果 如 图 8-5 所 示 。 


项 目 8 ”设置 App 的 图 像 与 动画 


图 8-5 Canvas 类 绘制 矩形 的 运行 界面 


8.3.2 ”设计 图 像 特效 


[918.3] 在 Android Studio 中 创建 名 为 8.3 的 App 项 目 ,使 用 Matrix 
类 实现 图 像 的 旋转 。 

步骤 1: 在 Android Studio 中 创建 一 个 名 为 8.3 的 App 项 目 , 并 在 项 目 
文件 中 找到 res 下 layout 文件 夹 中 的 activity_main. xml 文件 ,添加 一 个 
FrameLayout 组 件 用 于 显示 图 像 。 其 具体 代码 如 下 : 


<?xml version= "1.0" encoding = "utf 一 8"?> 
< FrameLayout xnlns:android = "http://schemas. android. con/apk/res/android" 
android:id- "@ + id/frameLayoutl" 
android:layout width- "fill parent" 
android:layout height = "fill parent" 
android:orientation- "vertical" > 
«/FrameLayout > 
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步骤 2: 在 MainActivity.java 文件 中 创建 一 个 View 类 ,并 将 其 添加 到 FrameLayout 管 
理 器 中 。 其 关键 代码 如 下 : 


public class MainActivity extends AppCompatActivity { 
@Override 
public void onCreate(Bundle savedInstanceState) { 
super. onCreate( savedInstanceState); 
setContentView(R. layout.activity main); 
FrameLayout fl = (FrameLayout)findViewById(R. id. frameLayoutl); 
f1.addView(new MyIamge(this)); 
) 
public class Mylange extends View{ 
public MyIange(Context context) ( 
super(context) ; 
) 
) 
) 


步骤 3: 在 MainActivity.java 文件 中 定义 一 个 画笔 ,通过 drawBitmap O 77 i £2 illl — 3k 
图 片 ,这 里 使 用 名 为 pic 的 图 片 ,再 将 其 进行 旋转 。 其 具体 代码 如 下 : 


(GOverride 
protected void onDraw(Canvas canvas) ( 
Paint paint 7 new Paint(); 
paint. setAntiAlias(true); 
Bitmap bm pic = BitmapFactory. decodeResource(MainActivity. this. getResources( )) 


R. drawable. pic); [绘制 原 图 
canvas. drawBitmap(bm pic, 0, 0, paint); 
Matrix ml = new Matrix(); 将 原 图 以 图 
matrix. setRotate(25); Fe fin A t 
canvas.drawBitmap(bm pic, matrix, paint); 点 旋转 25° 
Matrix m2 = new Matrix(); 将 原 图 以 (50。 
n. setRotate(90, 50, 50); | 一 50) 为 原点 旋 
canvas.drawBitmap(bitmap pic, m, paint); 转 90° 


super. onDraw(canvas) ; 


) 
步骤 4: 运行 程序 ,效果 如 图 8-6 所 示 。 
【 例 8.4】 在 Android Studio 中 创建 名 为 8.4 的 App 项 目 ,使 用 Matrix 
类 实现 图 像 的 缩放 。 
步骤 1: 在 Android Studio 中 创建 一 个 名 为 8.4 的 App 项 目 ,并 在 项 目 
文件 中 找到 res F layout 文件 夹 中 的 activity. main. xml. 文件 ,添加 一 个 
FrameLayout 组 件 用 于 显示 图 像 。 其 具体 代码 如 下 : 
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图 8-6 Matrix 类 旋转 图 像 的 运行 界面 


<?xml version = 
< FrameLayout xmlns:android = "http: //schemas. android. com/apk/res/android" 


android: id="@ + id/frameLayout1" 

android:layout width- "fill parent" 

android:layout height = "fill parent" 

android:orientation- "vertical" > 
«/Framelayout > 


步骤 2. 在 MainActivity.java 文件 中 创建 一 个 View 类 ,并 将 其 添加 到 FrameLayout 管 


理 器 中 。 其 关键 代码 如 下 : 


public class MainActivity extends AppCompatActivity { 


(QOverride 

public void onCreate(Bundle savedInstanceState) { 
super. onCreate( savedInstanceState); 
setContentView(R.layout.activity main); 
FrameLayout fl = (FrameLayout)findViewById(R. id. frameLayoutl); 
fl. addView(new MyIamge (this)); 


} 
public class MYIamge extends View{ 


public MyIamge (Context context) { 
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super(context); 


j 
} 


步骤 3: 在 MainActivity.java 文件 中 定义 一 个 画笔 ,通过 drawBitmap() 方 法 绘制 一 张 
图 片 ,这 里 使 用 名 为 pic 的 图 片 ,再 将 其 进行 缩放 。 其 具体 代码 如 下 : 


@Override 
protected void onDraw(Canvas canvas) { 
Paint paint = new Paint(); 
paint. setAntiAlias(true); 
Bitmap bm pic = BitmapFactory. decodeResource(MainActivity.this.getResources(), 
R. drawable. pic); 
canvas.drawBitmap(bm pic, 0, 0, paint); 
Matrix ml = new Matrix(); 
ml. setScale(2f, 2f); 
canvas.drawBitmap(bm pic, matrix, paint); 
super. onDraw(canvas) ; 


) 


步骤 4: 运行 程序 ,效果 如 图 8-7 所 示 。 


8.4 Matrix 类 缩放 图 像 : 


图 8-7 Matrix 类 缩放 图 像 的 运行 界面 
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【 例 8.5】 在 Android Studio 中 创建 名 为 8.5 的 App 项 目 ,使 用 Matrix 
类 实现 图 像 的 倾斜 。 

步骤 1: 在 Android Studio 中 创建 一 个 名 为 8.5 的 App 项 目 ,并 在 项 目 
文件 中 找到 res 下 layout 文件 夹 中 的 activity_main. xml 文件 ,添加 一 个 
FrameLayout 组 件 用 于 显示 图 像 。 其 具体 代码 如 下 : 


<?xml version = "1.0" encoding = "utf - 8"?> 
< FrameLayout xmlns:android = "http://schemas. android. com/apk/res/android" 
android:id- "(à + id/frameLayoutl" 
android:layout width- "fill parent" 
android:layout height = "fill parent" 
android:orientation- "vertical" > 
«/FrameLayout > 


步骤 2: 在 MainActivity.java 文件 中 创建 一 个 View 类 ,并 将 其 添加 到 FrameLayout 管 
理 器 中 。 其 关键 代码 如 下 : 


public class MainActivity extends AppCompatActivity { 

GOverride 

public void onCreate(Bundle savedInstanceState) { 
super. onCreate( savedInstanceState); 
setContentView(R.layout.activity main); 
FrameLayout fl = (FrameLayout)findViewById(R. id. frameLayoutl); 
fl. addView(new MyIange (this)); 

) 

public class Mylamge extends View( 


public Mylamge (Context context) ( 
super(context); 
) 
n 


步骤 3. 在 MainActivity.java 文件 中 定义 一 个 画笔 ,通过 drawBitmap() 方 法 绘制 一 张 
图 片 ,这 里 使 用 名 为 pic 的 图 片 , 再 将 其 进行 倾斜 。 其 具体 代码 如 下 : 


(GOverride 
protected void onDraw(Canvas canvas) ( 
Paint paint = new Paint(); 
paint. setAntiAlias(true); 
Bitmap bp pic = BitmapFactory. decodeResource(MainActivity. this.getResources(), R. drawable. pic); 
Matrix ml = new Matrix(); 
ml.setSkew(2f, 1f); 
canvas.drawBitmap(bp pic, matrix, paint); 
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Canvas. drawBitmap(bp pic, 0, 0, paint); 


super. onDraw( canvas); [一 一 一 绘制 原 图 


} 
步骤 4: 运行 程序 ,效果 如 图 8-8 所 示 。 


8.5 Matrix 类 人 


图 8-8 Matrix 类 倾斜 图 像 的 运行 界面 


【 例 8.6】 在 Android Studio 中 创建 名 为 8.6 的 App 项 目 , 使 用 Matrix 
类 实现 图 像 的 平移 。 

步骤 1: 在 Android Studio 中 创建 一 个 名 为 8.6 的 App 项 目 , 并 在 项 目 
文件 中 找到 res 下 layout 文件 夹 中 的 activity_main. xml 文件 ,添加 一 个 ep 
FrameLayout 组 件 用 于 显示 图 像 。 其 具体 代码 如 下 : 


<?xml version= "1.0" encoding = "utf 一 8"?> 

< FrameLayout xnlns:android = "http://schemas. android. con/apk/res/android" 
android:id- "(à + id/frameLayoutl" 
android:layout width- "fill parent" 
android:layout height = "fill parent" 
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android:orientation- "vertical" > 
«/FraneLayout > 


步骤 2: TE MainActivity.java 文件 中 创建 一 个 View 类 ,并 将 其 添加 到 FrameLayout 管 
理 器 中 ,关键 代码 如 下 : 


public class MainActivity extends AppCompatActivity { 

(QOverride 

public void onCreate(Bundle savedInstanceState) ( 
super. onCreate( savedInstanceState); 
setContentView(R. layout.activity main); 
FrameLayout fl = (FrameLayout)findViewById(R. id. frameLayoutl); 
fl. addView(new MyIange (this)); 

) 

public class Mylamge extends View( 


public MyIamge (Context context) ( 
super(context); 
} 
n 


步骤 3: 在 MainActivity.java 文件 中 定义 一 个 画笔 ,通过 drawBitmap() 方 法 绘制 一 张 
图 片 , 这 里 使 用 名 为 pic 的 图 片 ,再 将 其 进行 平移 。 其 具体 代码 如 下 


@Override 
protected void onDraw(Canvas canvas) { 
Paint paint = new Paint(); 
paint. setAntiAlias(true); 
Bitmap bm pic = BitmapFactory. decodeResource(MainActivity.this.getResources(), 
R. drawable. pic); 
Matrix ml new Matrix(); 
ml.postTranslate(50, 200); 
canvas.drawBitmap(bm pic, matrix, paint); 
canvas.drawBitmap(bm pic, 0, 0, paint); 一 一 ~ 绘制 原 图 
super. onDraw( canvas); 


} 


步骤 4: 运行 程序 ,效果 如 图 8-9 Bron o 


8.3.3 ”设计 动画 


【 例 8.7】 在 Android Studio 中 创建 名 为 8.7 的 App 项 目 ,实现 逐 帧 动 


人 
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面 的 生成 。 


图 8-9 Matrix 类 平移 图 像 的 运行 界面 


步骤 1: 在 Android Studio 中 创建 一 个 名 为 8.7 的 App 项 目 , 首 先 将 动画 资源 (img001 一 
img008) 放 到 res 下 的 drawable-v24 文件 夹 中 。 

步骤 2: 在 res 文件 夹 中 新 建 一 个 drawable 文件 夹 , 在 其 中 添加 一 个 名 为 leopard 的 
XML 文件 ,并 在 里 面 定义 动画 图 片 序列 。 其 关键 代码 如 下 : 


«animation- list 


xmlns android = "http: //schemas. android. con/apk/res/android" 
android:oneshot - "true" 


< item android: 
< item android: 
« item android: 
< item android: 
< item android: 
< item android: 
« item android: 
< item android: 


drawable = "(Gdrawable/img001" android: 
drawable = "(Qdrawable/img002" android: 
drawable = "(Gdrawable/img003" android: 
drawable = "(Gdrawable/img004" android: 
drawable = "(3drawable/img005" android: 
drawable = "(3drawable/img006" android: 
drawable = "(Gdrawable/img007" android: 
drawable = "(à)drawable/img008" android:duration- "100"/» 


«/animation- list» 
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步骤 3: 在 项 目 文件 中 找到 res 下 layout 文件 夹 中 的 activity_main.xml 文件 ,创建 逐 帧 
动画 资源 ,并 进行 布局 的 设置 。 其 具体 代码 如 下 : 


<?xml version = "1.0" encoding = "utf 一 8"?> 

< LinearLayout xmlns:android = "http://schemas. android. com/apk/res/android" 
android:layout gravity = "center" 
android:layout width = "match parent" 
android:layout height - "wrap content" 
android:background = "(à drawable/leopard" 
android:id- "(9 + id/11" 

> 
</LinearLayout > 


步骤 4: 在 MainActivity.java 文件 中 实现 逐 帧 动画 的 播放 。 其 具体 代码 如 下 : 


package con. example. helloworld; 


import android. graphics. drawable. AnimationDrawable; 
import android. os. Bundle; 

import android. support. v7. app. AppConpatActivity; 
import android. view. View; 

import android. view. View. OnClickListener; 

import android. widget. LinearLayout; 


public class MainActivity extends AppCompatActivity { 
private boolean flag- true; 
(GOverride 
public void onCreate(Bundle savedInstanceState) ( 
super. onCreate(savedInstanceState); 
setContentView(R.layout.activity main); 
LinearLayout ll = (LinearLayout)findViewById(R. id. 11); 
final AnimationDrawable drawable = (AnimationDrawable)ll.getBackground(); 
11.setOnClickListener(new OnClickListener() ( 
(QOverride 
public void onClick(View v) { 
animationDrawable = (AnimationDrawable) v.getDrawable(); 
animationDrawable. start(); 
) 


) 


步骤 5: 运行 程序 ,效果 如 图 8-10 所 示 。 
【 例 8.8】 在 Android Studio 中 创建 名 为 8.8 的 App 项 目 , 实 现 补 间 动 
画 效果 的 生成 ,包括 旋转 、 缩 放 、 位 移 、 透 明度 等 效果 。 
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E 8-10 逐 帧 动画 的 运行 界面 


步骤 1: 在 Android Studio 中 创建 一 个 名 为 8.8 的 App 项 目 , 首 先 在 res 文件 夹 下 创建 
一 个 用 于 实现 补 间 动 画 效果 的 动画 资源 文件 夹 ,名 为 animation, 

步骤 2: 在 animation 文件 夹 下 创建 用 于 实现 旋转 动画 的 XML 文件 ,名 为 animation | 
rotate.xml。 其 具体 代码 如 下 : 


<?xml version= "1.0" encoding = "utf 一 8"?> 
< set xmlns:android = "http://schemas. android. com/apk/res/android"> 
«rotate 
android: interpolator = "(Qandroid:animation/accelerate interpolator" 
android:fromDegrees - "0" 
android:toDegrees - "680" 
android:pivotX = "50 % " 
android:pivotY = "50 % " 
android:duration = "3000"> 
</rotate> 
«rotate 
android: interpolator = "(Qandroid:anim/accelerate interpolator" 
android:startOffset - "3000" 
android: fromDegrees = "340" 
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android:toDegrees = "0" 
android:pivotX- "50 % " 
android:pivotY = "50$" 
android:duration = "3000"> 
</rotate> 
</set> 


步骤 3: 在 animation 文件 夹 下 创建 用 于 实现 缩放 动画 的 XML 文件 ,名 为 animation_ 
scale.xml。 其 具体 代码 如 下 : 


<?xml version = "1.0" encoding = "utf 一 8"?> 
< set xnlns:android = "http://schemas. android. com/apk/res/android"> 
< scale android: fromXScale = "1" 
android: interpolator = "@android:animation/decelerate_interpolator" 
android: fromYScale = "1" 
android: toXScale = "2.0" 
android: toYScale = "2.0" 
android:pivotX = "60 % " 
android:pivotY = "60 % " 
android:fillAfter = "true" 
android: repeatCount = "1" 
android: repeatMode = "reverse" 
android:duration = "3000" /» 
</set> 


步骤 4: 在 animation 文件 夹 下 创建 用 于 实现 平移 动画 的 XML 文件 ,名 为 animation_ 
translate.xml。 其 具体 代码 如 下 : 


<?xml version = "1.0" encoding = "utf ~ 8"?> 

< set xmlns:android = "http://schemas. android. com/apk/res/android"> 

<translate 
android:fromXDelta = "0" 
android:toXDelta - "280" 
android:fromYDelta - "0" 
android:toYDelta - "0" 
android:fillAfter - "true" 
android:repeatMode = "reverse" 
android:repeatCount - "1" 
android:duration = "3000" 

«/translate» 

</set> 


步骤 5: 在 animation 文件 夹 下 创建 用 于 实现 动画 透明 度 的 XML 文件 ,名 为 animation 
alpha.xml。 其 具体 代码 如 下 : 


<?xml version = "1.0”encoding= "utf 一 8"?> 


< set xmlns:android = "http://schemas. android. com/apk/res/android"> 


<alpha android:fromAlpha - "1" 
android:toAlpha - "0" 
android:fillAfter - "true" 
android:repeatMode = "reverse" 
android:repeatCount - "1" 
android:duration = "3000"/» 

</set> 


步骤 6: 为 了 实现 补 间 动 画 的 效果 ,需要 在 res F layout 文件 夹 中 的 activity_main. xml 
文件 中 布局 相关 图 像 资 源 ,并 添加 执行 按钮 。 其 具体 代码 如 下 : 


<?xml version = "1.0" encoding = "utf 一 8"?> 


< LinearLayout xnlns:android = "http://schemas.android. com/apk/res/android" 


android:id= "@ + id/linearLayoutl" 
android:layout width- "fill parent" 
android:layout height = "fill parent" 
android:orientation- "vertical" > 
< LinearLayout 
android: id= "(9 + id/linearLayout2" 
android:layout width = "match parent" 
android:layout height = "wrap content" 
android:orientation = "horizontal" > 


« Button 
android: id = "@ + id/button rotate" 
android:layout width- "wrap content" 
android:layout height = "wrap content" 
android:text = "Rotate" /> 


« Button 
android: id = "@ + id/button translate" 
android:layout width- "wrap content" 
android:layout height = "wrap content" 
android:text - "Translate" /» 


[一 一 


< Button 
android: id = "@ + id/button scale" 
android:layout width- "wrap content" 
android:layout height = "wrap content" 
android:text = "Scale" /> 


| 一 一 


< Button 
android: id = "(9 + id/button alpha" 
android:layout width- "wrap content" 
android:layout height = "wrap content" 
android:text = "Alpha" /> 


加 执行 旋转 动画 的 按钮 


添加 执行 平移 动画 的 按钮 


添加 执行 缩放 动画 的 按钮 


添加 执行 透明 度 动画 的 按钮 
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</LinearLayout > 


< ImageView 
android:id- "(9 + id/imageViewl" 
android:layout width = "wrap content" 
android:layout height = "wrap content" 
android:layout marginLeft = "50px" 
android:src- "(Udrawable v24/carl" /> 
«/LinearLayout > 


步骤 7: 为 了 获取 实现 补 间 动 画 的 图 像 资源 ,需要 在 MainActivity.java 文件 中 编写 获 
取 资 源 的 代码 ,并 为 按钮 添加 事件 。 其 具体 代码 如 下 : 


public class MainActivity extends AppCompatActivity { 
@Override 
public void onCreate(Bundle savedInstanceState) { 
super. onCreate(savedInstanceState); 
setContentView(R. layout. activity main); 


final Animation rotate = AnimationUtils.loadAnimation(this, R.animition.animition rotate); 
final Animation translate = AnimationUtils.loadAnimation(this, R.animition.animition translate); 
final Animation scale = AnimationUtils.loadAnimation(this, R.animition.animition scale); 
final Animation alpha = AnimationUtils.loadAnimation(this, R.animition.animition alpha); 
final ImageView pic = (InageView)findViewById(R. id. imageViewl); 
Button button rotate = (Button)findViewById(R. id. button rotate); 


button rotate. setOnClickListener(new OnClickListener() ( 获取 animation 文 人 
@Override 的 4 个 补 间 动 画 资源 
public void onClick(View v) { | 一 旋转 按钮 事件 

pic.startAnimation(rotate); 


H; 
Button button translate = (Button)findViewById(R. id. button translate); 
button translate. setOnClickListener(new OnClickListener() ( 
(QOverride 
public void onClick(View v) { 
pic. startAnimation( translate); 


ni 
Button button scale = (Button)findViewById(R. id.button scale); 
button scale. setOnClickListener(new OnClickListener() { 
GOverride 
public void onClick(View v) ( 
pic. startAnimation(scale); 


n; 
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Button button alpha= (Button)findViewById(R. id. button alpha); 
button alpha. setOnClickListener(new OnClickListener() { 


@Override 
public void onClick(View v) { 


pic. startAnimation(alpha); 


n; 


) 


图 8-11 补 间 动画 的 运行 界面 


8.4 项目 结案 


本 项 目 通过 实例 的 方式 为 大 家 介绍 了 Android 常用 的 处 理 图 形 图 像 的 方法 ,包括 图 像 
的 绘制 .设置 图 像 的 特效 .动画 的 实现 等 。 在 图 像 的 绘制 中 向 大 家 介绍 了 Paint mE), 
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像 与 动画 = 


Canvas( 画 布 ) 类 、Bitmap( 位 图 ) 类 等 的 运用 与 设置 .这 些 方法 尤其 适用 于 交互 性 强 的 App 
的 开发 与 设计 ; 在 设置 图 像 的 特效 中 向 大 家 介绍 了 图 像 的 旋转 平移、 旋转 等 效果 ; 在 动画 
的 实现 中 介绍 了 逐 帧 动画 和 补 间 动 画 的 区 别 以 及 设置 的 方式 。 本 项 目 对 于 在 App 中 实现 
图 形 图 像 功能 而 言 是 全 面 且 实 用 的 .希望 大 家 能 够 在 练习 中 体会 图 形 图 像 与 交互 之 间 的 关 
联 , 让 App 的 设计 摆脱 平面 的 束缚 ,更 具 动 态 效果 与 交互 体验 。 


8.5 ”项 目 练习 


1. 设计 一 款 App, 在 界面 上 绘制 两 个 多 边 形 , 且 添加 不 同 的 颜色 。 

2. 设计 一 款 App, 利 用 逐 帧 动画 的 序列 素材 制作 一 个 动画 效果 ,例如 野马 奔跑 。 
3. 设计 一 款 App, 实 现 文字 忽 明 忽 暗 的 效果 。 

4. 设计 一 款 App, 制 作 一 个 交互 式 动画 ,实现 小 球 从 屏幕 的 一 侧 滚动 到 另 一 侧 。 


> 
项 目 9 全 


获取 App 的 数据 


9.1 项 目 目标 : 获取 数据 与 线程 设置 


在 使 用 App 的 过 程 中 ,往往 存在 多 个 线程 同时 运行 的 情况 。 多 线程 是 相对 UI 主线 程 
而 言 的 ,一 般 来 说 , 当 用 户 操作 涉及 处 理 文件 的 输入 /输出 ,或 者 网 络 输入 /输出 的 耗 时 操作 
时 ,多 线程 异步 处 理 的 方法 能 够 避免 UI 线程 被 阻塞 ,这 样 界面 才 不 会 无 法 响应 ,影响 用 户 
体验 。 
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9.2.4 介绍 多 线程 


多 线程 与 人 们 的 现实 生活 十 分 相似 。 例 如 ,人 们 在 日 常生 活 中 经 常 一 边 听 音乐 ,一 
边 看 书 , 同 时 做 几 件 事 。 在 使 用 手机 时 更 是 如 此 ,人 们 经 常 需要 在 等 待 下 载 的 同时 再 做 
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一 些 其 他 事情 。 为 了 能 够 实现 这 种 多 线程 同时 运行 且 互 不 影响 的 效果 ,在 Android 中 提 
供 了 多 线程 机 制 。 一 般 而 言 , 多 线程 机 制 包 括 创 建 线程 .启动 线程 .休眠 线程 和 中 断 线程 
4 种 状态 。 


1. 创建 线程 


在 Android 中 可 以 通过 Runnable 创建 线程 ,首先 需要 定义 类 以 实现 Runnable 接口 ; 
再 通过 覆盖 Runnable 接口 中 的 run() 方 法 ,将 线程 要 运行 的 代码 存放 在 该 run() 方 法 中 ; 
通过 Thread 类 建立 线程 对 象 ; 将 Runnable 接口 的 子 类 对 象 作为 实际 参数 传递 给 Thread 
类 的 构造 函数 ; 调用 Thread 类 的 start() 方 法 开启 线程 并 调用 Runnable 接口 子 类 的 run() 
方法 。 其 具体 代码 如 下 : 
private Thread newThread; 
newThread = new Thread(new Runnable() { 
GOverride 
public void run() ( 
// 线 程 需要 做 的 工作 


) 
n; 


2. 启动 线程 


在 创建 一 个 线程 后 ,需要 启动 该 线程 才能 使 其 运行 。 启 动 线程 可 以 使 用 start ) 方 法 ， 
具体 代码 如 下 : 


newThread. start(); 


3. 休眠 线程 


休眠 指 暂停 ,即使 得 当前 运行 的 线程 暂时 停止 运行 ,并 当 再 次 启动 时 恢复 至 运行 状态 。 
在 Android 中 为 休眠 操作 提供 了 同名 方法 , 即 sleep()。 其 具体 代码 如 下 : 


newThread. sleep( long time); 
其 中 ,long time 意 为 休眠 时 间 ,单位 为 毫秒 。 
4. 中 断 线程 


线程 可 以 被 视 为 一 次 性 消耗 品 ,一 般 线程 在 执行 完成 后 便 正 常 结束 了 。 线 程 结束 后 不 
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能 再 次 启动 ,只 能 新 建 一 个 线程 对 象 , 但 有 时 run() 方 法 是 永远 不 会 结束 的 。 例 如 在 程序 中 
使 用 线程 进行 Socket 监听 请 求 , 或 是 其 他 需要 循环 处 理 的 任务 。 在 这 种 情况 下 ,一 般 是 将 
这 些 任务 放 在 一 个 循环 中 ,例如 while 循环 。 当 需要 中 断 线程 时 有 3 种 方法 可 以 选择 : 一 
是 使 用 退出 标志 ,使 线程 正常 退出 ,也 就 是 当 run() 方 法 完成 后 线程 终止 ; 二 是 使 用 
interrupt() 方 法 中 断 线程 ; 三 是 使 用 stop() 方 法 强行 终止 线程 。 第 三 种 方法 相当 于 强行 关 
机 ,不 推荐 使 用 。 

在 一 般 情况 下 ,推荐 开发 者 使 用 第 二 种 方法 中 断 线程 。 其 具体 代码 如 下 : 

public class ThreadSafe extends Thread { 


public void run() { 
while (!isInterrupted()){ 


) 


9.2.2. 介绍 消息 类 


Message 类 即 为 消息 类 .是 线程 之 间 传递 信息 的 载体 ,其 中 包含 了 对 消息 的 描述 和 数据 
对 象 。 在 Message 中 包含 两 个 额外 的 int 字段 和 一 个 object 字段 ,这 样 的 好 处 是 为 开发 者 
省 去 了 内 存 分 配 的 工作 。 虽 然 Message 的 构造 函数 是 public 的 ,但 最 好 是 使 用 Message. 
obtain() 或 Handler.obtainMessage() 函数 来 获取 Message 对 象 ,因为 Message 的 实现 中 包 
含 回 收 再 利用 的 机 制 ,可 以 提高 效率 。Message 类 的 属性 如 表 9-1 所 示 。 

表 9-1 Message 类 的 属性 


属 td d 述 

int argl 存放 一 个 int 类 型 的 数据 

int arg2 存放 一 个 int 类 型 的 数据 

int what 存放 一 个 int 类 型 的 数据 ,该 数据 表示 信息 的 类 型 ,用 来 区 别 其 他 消息 
Object obj 存放 任意 类 型 的 对 象 


9.2.3 介绍 消息 处 理 类 


Handler 即 为 消息 处 理 类 ,在 Android 中 , Handler 机 制 主 要 用 作 异 步 消 息 处 理 ,这 是 
谷歌 设计 的 一 套 机 制 ,能 帮助 开发 者 有 序 地 处 理 异 步 操作 。 它 具有 两 个 主要 作用 : 实现 延 
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= 可 


迟 执 行 messages 或 runnables, 将 A 线程 的 操作 入 队 到 B 线程 中 。Handler 类 的 常用 方法 
如 表 9-2 所 示 。 


表 9-2 Handler 类 的 常用 方法 


方法 名 称 使 用 说 明 

post(Runnable) 即刻 发 送 Runnable 对 象 ,并 将 其 最 后 封装 为 Message 对 象 

在 指定 时 间 内 发 送 Runnable 对 象 ,并 将 其 最 后 封装 为 Message 
postAtTime(Runnable, long) us 

E3R — EH i dA. 

sostbelsyed Bussable long 2s 定时 间 发 送 Runnable 对 象 , 并 将 其 最 后 封装 为 Message 
sendEmptyMessage(int) 发 送 空 消息 
sendMessage( Message) 即刻 发 送 消息 


sendMessageAtTime(Message,long) | 在 指定 时 间 内 发 送 消息 


sendMessageDelayed(Message,long) | 延迟 一 定时 间 发 送 消息 


M 


Ji 


9.3 项目 


ipii 


9.3.4. 创建 一 个 线程 


1. Thread 类 启动 线程 


【 例 9.1】 在 Android Studio 中 创建 名 为 9.1 的 App 项 目 ,然后 创建 一 
个 新 线程 用 来 播放 音频 文件 ,并 实现 在 音频 播放 完毕 后 每 3 秒 钟 循环 播放 。 
步骤 1: 在 Android Studio 中 创建 一 个 名 为 9.1 的 App 项 目 ,打开 res 
下 layout 文件 夹 中 的 activity main.xml 文件 ,在 布局 管理 器 中 添加 START 按 
钮 ,用 于 控制 音频 的 播放 。 其 具体 代码 如 下 : 
dived 
< LinearLayout xnlns:android = "http://schemas. android. com/apk/res/android" 


android:layout width- "fill parent" 
android:layout height = "fill parent" > 


< Button 
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android:id- "(9 + id/button" 

android:layout width = "wrap content" 

android:layout height - "wrap content" 

android:text = "(Qstring/startbutton" /> 
«/LinearLayout > 


步骤 2: 在 MainActivity.java 文件 中 对 播放 音乐 的 线程 进行 定义 ,并 指定 音频 位 置 。 
其 关键 代码 如 下 : 


public class MainActivity extends AppCompatActivity { 


private Thread thread; | 一 一 定义 一 个 线程 
private static MediaPlayer music = _null;| 一 定义 一 个 播放 器 
[private static String musicPath; 六 一 定义 音频 路 径 
(&Override 


public void onCreate(Bundle savedInstanceState) { 
super. onCreate( savedInstanceState); 
setContentView(R. layout.activity main); 


Uri uri = WediaStore. Audio. Media. INTERNA CONTENT URI; 
String[] projection = ( E : v- 
MediaStore. Audio. Media. DATA [指定 播放 音频 的 位 轩 


}; 
Cursor cursor 7 getContentResolver().query(uri, projection, null, null, null); 
if (cursor. moveToFirst( ) ) { 

musicPath = cursor. getString(0); 


} 


步骤 3: 在 MainActivity.java 文件 中 编写 播放 音频 的 方法 ,以 便 按 钮 事件 调用 。 其 关 
键 代码 如 下 : 


private void startmusic() { 

if (music != null) { 
music. release(); 

) 

music = new MediaPlayer(); 

try ( 
music. setDataSource(musicPath); 
music.prepare(); 

) catch (IOException e) ( 
e. printStackTrace(); 

t 

music.start(); 
music. setOnCompletionListener(new OnCompletionListener() { 


(SOverride 
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public void onCompletion(MediaPlayer music) { 
try{ 
Thread. sleep(3000); 
startmusic(); 
) catch (InterruptedException e) { 
e. printStackTrace(); 


) 


n; 
) 


步骤 4: 继续 在 MainActivity.java 文件 中 设置 按钮 事件 , 当 单 击 按钮 时 调用 上 述 播放 
音频 的 方法 startmusic() 。 其 关键 代码 如 下 : 


Button newbutton = (Button) findViewById(R. id. button); 
newbutton. setOnClickListener(new OnClickListener() ( 
@Override 
public void onClick(View v1) { 
((Button) v1). setEnabled(false); 
thread = new Thread(new Runnable() { 
@Override 
public void run() { 
startnusic(); 


) 
n 
thread. start(); 


AT. 


(S 0verride 
protected void over() { 
if (music != null) ( 
music.stop(); 
music.release(); 
music = null; 
} 
if (thread != null) ( 
thread - null; 
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} 


super. over(); 


) 


步骤 6: 运行 程序 ,效果 如 图 9-1 所 示 。 


9.1 Thread 类 |/ 


START 


图 9-1 Thread 类 启动 一 个 线程 的 运行 界面 


2. Thread 类 中 断 线程 


【 例 9.2】 在 Android Studio 中 创建 名 为 9.2 的 App 项 目 , 实 现 一 个 新 建 线程 的 启动 
与 中 断 功 能 。 meaa m] 

步骤 1: 在 Android Studio 中 创建 一 个 名 为 9.2 的 App 项 目 ,打开 res S 
下 layout 文件 夹 中 的 activity_main.xml 文件 。 为 了 能 够 实现 对 线程 的 启动 
和 中 断 控制 ,可 以 在 布局 管理 器 中 添加 START 和 STOP 两 个 按钮 。 其 具体 
代码 参照 例 9.1。 

步骤 2: 在 MainActivity.java 文件 中 创建 一 个 Runnable 对 象 ,并 重 写 run() 方 法 ,用 于 
判断 线程 的 运行 情况 。 其 关键 代码 如 下 : 
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public class MainActivity extends AppCompatActivity implements Runnable { 
private Thread thread; 
inti; 
GOverride 
public void run() ( 
while(! Thread. currentThread(). isInterrupted())( 
itt; 


Log. i(" 启 动 线程 标识 : ", String. valueOf(i)); 


步骤 3: 在 MainActivity.java 文件 中 设置 START 按钮 和 STOP 按钮 的 事件 。 其 中 ， 
buttonl 对 应 START 按钮 ; button2 对 应 STOP 按钮 。START 按钮 事件 的 具体 代码 参见 
例 9.1,STOP 按钮 事件 的 关键 代码 如 下 : 


Button stopmusic = (Button)findViewById(R. id. button2); 
stopmusic. setOnClickListener(new OnClickListener() { 


@Override 
public void onClick(View v) { 
if(thread!- null)( 
thread. interrupt(); 
thread = null; 
) 
Log. i("Tips: ","Stop the thread"); | 一 一 中 断 线程 时 在 日 志 面板 中 输出 提示 信息 


) 
n; 


步骤 4: 在 MainActivity.java 文件 中 设置 音频 播放 完毕 结束 进程 的 方法 ,具体 代码 参 
见 例 9.1。 

步骤 5. 运行 程序 ,效果 如 图 9-2 所 示 , 中 断 线程 时 在 日 志 面板 中 输出 的 提示 信息 如 
图 9-3 所 示 o 


9.3.0. ”添加 消息 类 
【 例 9.3】 在 Android Studio 中 创建 名 为 9.3 的 App 项 目 , 然 后 创建 一 


个 继承 Thread 类 的 新 线程 ,并 添加 一 个 Handler 对 象 处 理 消 息 。 
步骤 1: 在 Android Studio 中 创建 一 个 名 为 9.3 的 App 项 目 。 为 了 创建 
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9.2 Thread 类 中 断 线 


图 9-2 Thread 类 中 断 一 个 线程 的 运行 界面 


Leger 
| B Xiaomi Redmi Note 5A Android 712 AP EI - | com.example helloworld (17747) H 


xam le. helloworld I/ 启 动 线程 标识 : 
sample helloworld I/ 启 动 线程 
'com example helloworld I/ 启 动 线程 
m example helloworld 1/ 启动 线程 
m example helloworld I/ 启 动 线程 
sxaamp ls helloworld I/ 启 动 线程 


m example helloworld /启动 线 各 
m example helloworld I/ 启 动 线程 
m example helloworld /启动 线程 村 
m example helloworld I/ 启 动 线程 
example helloworld VEZME 
ample helloworld I/Tips: : Stop the thread 


E*0S5U--[aUs 


PB,4Run TODO Mh Android Profiler E Terminal E 0: Messages 


图 9-3 在 日 志 面 板 中 输出 的 “中 断 线 程 标识 ”的 运行 界面 


继承 Thread 类 的 新 线程 .在 MainActivity.java 的 同 级 目录 下 新 建 名 为 newThread 的 Java 
文件 。 其 具体 代码 如 下 : 


获取 App 的 数据 = 


package com. example. helloworld; 
import android. os. Handler; 
import android. os. Looper; 
import android. os. Message; 
import android. util. Log; 


public class newThread extends Thread { 


e 创建 newThread 类 


public Handler newhandler; 


e 创建 Handler 对 象 


@Override 
public void run() { 


super. run(); 


Looper. prepare() ; 


六 一 一 初始 化 Looper 对 象 


newhandler = new Handler() ( 


public void handleMessage(Message msg) ( 


Log. i("Looper", String. valueOf (msg. what)) ; | —e fE Hi 


E 


Message newnessage = newhandler. obtainMessage(); 


newnessage. what = 1234; 上 一 一 传递 消息 的 内 容 


newhandler. sendMessage(newnessage) ; 


Looper. loop(); 


) 


提示 信息 


传递 消息 的 进程 


步骤 2: 在 MainActivity.java 文件 中 引入 前 面 创 建 的 newThread 线程 ,并 将 该 线程 启 


动 。 其 具体 代码 如 下 : 


package com. example. helloworld; 
import android. app. Activity; 
import android. os. Bundle; 


import android. support. v7. app. AppConpatActivity; 
public class MainActivity extends AppCompatActivity { 


(GOverride 


public void onCreate(Bundle savedInstanceState) { 
super. onCreate( savedInstanceState); 
setContentView(R. layout.activity main); 
newThread thread = new newThread(); 


thread. start(); 


[—9 — alex Re 


} 


步骤 3: 运行 程序 ,效果 如 图 9-4 所 示 , 传 递 消息 时 在 日 志 面 板 上 输出 的 提示 消息 


图 9-5 所 示 。 


证 = 
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9.3 Handler% Z) 


Btart LooperThread 


图 9-4 


Handler 类 添加 消息 类 的 运行 界面 


logcat 
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Qowunen anaapa. hollererld V/BeostPrumeverk: BeertruneneikO : Port = con qualensm qti Porfermanesðacefbd? 

06-13 23.01.94 050 1789-1 TBI/enn example helleverld I/Looper: 17 
00-12 22:07:54 111 1876 example helloworld I/Adreno: QUALCONK build Tef91，T09d312f884 
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图 9-5 


在 日 志 面 板 中 输出 的 提示 消息 


项 目 9 获取 App 的 数据 — 0 


9.3.3 ”添加 消息 处 理 类 


[8094]. 在 Android Studio 中 创建 名 为 9.4 的 App 项 目 .制作 打 地 鼠 游戏 。 z h 
步骤 1; 在 Android Studio 中 创建 一 个 名 为 9.4 的 App 项 目 。 在 res 下 E] 
layout 文件 来 中 的 activity. main xml 文件 中 添加 打 地 鼠 游 戏 所 用 的 青 景 图 sel 
片 和 地 鼠 图 片 , 所 用 图 片 已 经 放置 在 资源 文件 夹 中 。 其 具体 代码 如 下 : 视频 讲解 


<?xml version= "1.0" encoding = "utf - 8"?> 

< Linearlayout xmlns:android = "http: //schemas. android. con/apk/res/android" 
android:id- "(9 + id/f1" 

android:orientation = "vertical" 

android:background = "(?drawable/background" | 一 添加 背景 图 片 
android: layout_width = "match parent" 

android:layout height = "match parent"> 

< ImageView 


android:visibility = "gone" 

android: id="@ + id/imageViewl" 

android:layout width = "50dp" 

android:layout height = "50dp" 

android: src = "@drawable/mouse" /> ]—-— ime 
</LinearLayout > 


步骤 2: 根据 背景 图 片 的 地 洞 位 置 , 用 二 元 数组 的 方式 在 MainActivity.java 文件 中 标 
识 出 这 些 位 置 的 坐标 ,并 记录 地 鼠 出 现 的 位 置 。 其 关键 代码 如 下 : 


private void initPosition() { 


WindowManager wm = (WindowManager) 
this.getSystemService(Context. WINDOW SERVICE); 
int width = wm.getDefaultDisplay().getWidth(); 
int height = wm.getDefaultDisplay().getHeight(); 


int xl = (int) (width * 1.0/6); 

int x2 = (int) (width* 4.0/9) — 20; 
int x3 = (int) (width* 5.0/7) - 20; 
int yl = (int) (height * 9.0/26) - 70; 
int y2 - (int) (height* 1.0/2) - 80; 
int y3 = (int) (height* 5/7) - 100; 


position = new int[][]( 
{x1, y1}, {x2, y1}, 63, y1}, 
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{x1, y2}, (x2, y2}, (33, y2}, 

{x1, y3), {x2, y3}, {x3, y3} 
E 
Strings = position[0][0] + "," + position[0][1]; 
String sl = position[1][0] * "," * position[1][1]; 
String s2 = position[2][0] + "," + position[2][1]; 
String s3 = position[3][0] * "," + position[3][1]; 
String s4 = position[4][0] * "," * position[4][1]; 
String s5 = position[5][0] * "," * position[5][1]; 
String s6 = position[6][0] * "," * position[6][1]; 
String s7 = position[7][0] * "," * position[7][1]; 
String s8 = position[8][0] + "," + position[8][1]; 


Log. d(" ----- ", "initPosition: 屏幕 宽 高 : width = " + width+ ", height = "+ 
height ) 

Log.d(" ----- ", "initPosition: ("+s+")("+sl+")("+s2+")"); 

Log. d(" ----- ", "initPosition: (" *s3* ")(" * sa & ")(" * s5 * ")"); 

Log.d(" ----- ", "initPosition: (" *s6 * ")(" * 57 *& ")(" * s8* ")"); 


步骤 3: 地 鼠 移动 的 坐标 即 为 一 个 消息 ,消息 类 需要 在 MainActivity.java 文件 中 传递 。 
其 具体 代码 如 下 : 


handler = new Handler() { 
(GOverride 
public void handleMessage(Message newnsg) ( 
int index = 0; 
if (newmsg. what == 1234) ( 


index = newmsg.argl; 记录 地 目 位 置 所 
mouse. setX(position[ index][0]) ; —— EM rEH 


mouse. setY(position[ index][1]); 
mouse. setVisibility(View. VISIBLE) ; 
) 
super. handleMessage(newnsg) ; 


}; 
Thread hitmouse = new Thread(new Runnable() {| — 创建 打 地 鼠 线程 
@Override 
public void run() { 
int index = 0; 
while (! Thread. currentThread(). isInterrupted()) { 
index = new Random().nextInt(position.length); | e 产生 地 鼠 的 随机 位 置 
Message m1 = handler.obtainMessage(); 
ml. what = 1234; 
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ml.argl = index; 
handler. sendMessage(m1); l 传递 地 鼠 位 置信 息 
try f 
Thread. sleep(new Random().nextInt(400) + 400); 
) catch (InterruptedException e) { 
e. printStackTrace(); 


) 


H; 
hitmouse . start(); | 一 一 启动 线程 


步骤 4: 在 MainActivity.java 文件 中 编写 代码 , 实 
现在 界面 上 显示 打 到 地 鼠 的 数量 。 其 关键 代码 如 下 : 


mouse = (ImageView) findViewById(R. id. imageViewl); 
mouse. setOnTouchListener (new OnTouchListener() ( 
(GG Override 
public boolean onTouch(View v, MotionEvent 
event) ( 
v. setVisibility(View. INVISIBLE) ; 
iet; 
"last. makeText (MainActivity.this, "Hit 
[" + i * " ]nouse!", 
Toast.LENGTH SHORT).show(); 
return false; 


n; 
步骤 5: 运行 程序 ,效果 如 图 9-6 所 示 。 


SE 
[t 


图 9-6 打 地 鼠 游 戏 运行 界面 


本 项 目 为 大 家 介绍 了 如 何 实现 Android 的 多 线程 操作 ,包括 如 何 创 建 一 个 线程 ,如 何 
启动 .休眠 和 中 断 线程 ,以 及 在 线程 运行 的 过 程 中 如 何 实现 消息 的 传递 和 处 理 。 这 些 应 用 
在 App 的 内 部 运行 机 制 中 相当 重要 ,尤其 在 游戏 App 开发 过 程 中 更 为 关键 。 大 家 需要 不 
断 地 认 知 与 练习 才能 够 体会 到 线程 的 内 涵 与 实现 方法 。 
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9.5 项 目 练习 


1. 设计 一 款 App, 实 现 一 个 线程 的 简单 运行 ,并 将 运行 消息 输出 在 日 志 面 板 上 。 
2. 设计 一 款 App, 实 现 界面 的 延 时 替换 。 

3. 设计 一 款 App, 实 现 消息 的 传递 ,并 将 消息 呈现 在 手机 界面 上 。 
4. 设计 一 款 App, 实 现 一 个 红色 方形 的 水 平 运动 。 


10.1 项 目 目标 : 打包 与 发 布 App 


通过 前 面 项 目的 学 习 , 大 家 已 经 可 以 做 出 具有 交互 效果 的 App 项 目 了 ,但 是 仅 限于 通 
过 模拟 器 运行 。 如 果 和 希望 更 多 的 用 户 能 够 通过 手机 来 应 用 和 体验 , 则 需要 把 App 项 目 打包 
和 发 布 ,用 户 下 载 相关 文 件 后 安装 便 可 以 运行 。 本 项 目 将 通过 实际 的 案例 为 大 家 清晰 地 讲 
解 如 何 通 过 Android Studio 为 App 打包 签名 ,发 布 。 


10.2 项 目 准备 


10.2.1 介绍 META-INF 文件 来 


在 开发 完 一 款 App 之 后 ,需要 对 其 进行 打包 ,才能 够 发 布 供用 户 使 用 的 程序 。 在 
Android Studio 中 已 经 内 置 了 打包 的 工具 。 一 般 而 言 , 可 以 通过 两 种 方式 进行 打包 : 一 是 
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通过 Gradle 配置 打包 ; 二 是 通过 Build|Generate Signed APK 打包 。 在 打包 之 后 生成 已 经 
签名 的 APK 文件 ,修改 其 扩展 名 为 .zip, 然后 进行 解压 操作 。 在 解压 文件 中 能 够 看 到 
META-INF 文件 夹 ,里 面 有 签名 验证 的 文件 ,其 中 包括 MANIFEST. MF, CERT. SF 和 
CERT.RSA 文件 ,它们 分 别 保存 着 不 同 的 签名 信息 。 

打开 MANIFEST.MF 文件 ,其 具体 代码 如 下 : 


Manifest - Version: 1.0 
Created - By: 1.0 (Android) 


Name: res/layout/activity main 
SHA1- Digest: TKJzyMwELyakLZYM83010LERyPQ = 


Name: AndroidManifest. xml 
SHA1- Digest: vf51A + /qPTUhmRyQmU6GS83e09Y = 


Name: res/drawable - v24/keys. png 
SHA1 - Digest: 3nPhCCVKGHdAha70YYcNvESbv5g = 


Name: resources. arsc 
SHA1 - Digest: uh4vliR9xNyjDpU3d + WmfzTIumE = 


Name: classes.dex 
SHA1 - Digest: S830Hv3CvsRo3e4gWNpZpvifWzg = 


从 上 述 代码 中 可 以 看 到 App 中 的 每 个 文件 下 面 都 对 应 着 一 个 SHA1-Digest ffi ,这 个 值 
即 为 该 文件 进行 base64 编码 后 的 结果 。 
打开 CERT.SF 文件 ,其 具体 代码 如 下 : 


Signature - Version: 1.0 
Created- By: 1.0 (Android) 
SHA1 - Digest - Manifest: Uin + pH/oQLOtlEsnw9TTJpf8URc = 


Name: res/layout/activity main 
SHAl- Digest: + zm + W/d5nXnQRHhQq1BeXs j4sWU = 


Name: res/drawable - v24/keys. png 
SHA1 - Digest: 9CMNr6u3Zg/XynrpDCANH/Qb + GE = 


Name: AndroidManifest. xml 
SHA1 - Digest: q4qz8APALsfMhOTWEgTcSif6eqg = 


Name: resources.arsc 
SHA1- Digest: U1T + Kn9u0pHDYncmJTz + Fae35iU = 
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Name: classes. dex 
SHR1 - Digest: iOqu/znFOISqd6UtTmA4d5isoQs = 


从 上 述 代 码 中 可 以 看 到 多 了 一 项 SHAI-Digest-Manifest ff] ffi. 这 个 值 就 是 
MANIFEST.MF 文件 的 SHA-1 在 base64 编码 后 的 值 。 
最 后 一 个 文件 CERT.RSA 中 则 包含 了 公 钥 信息 和 发 布 机 构 的 信息 。 


10.2.2 ”介绍 jar 包 与 arr 包 


在 Android 中 ,为 了 完成 App 的 更 新 工作 ,可 以 对 资源 和 代码 进行 打包 。 一 般 而 言 ,在 
Android Studio 中 包含 两 种 打包 方式 ,分 别 是 jar 包 和 arr 包 。 二 者 之 间 的 区 别 十 分 明显 。 
jar 包 只 包含 了 class 文件 与 清单 文件 ,不 包含 资源 文件 ,例如 图 片 等 res 文件 夹 中 包含 的 所 
有 资源 。 所 以 ,如 果 要 使 用 jar 包 里 的 资源 就 要 使 用 反射 来 实现 ,否则 就 会 出 现 错误 。 在 打 
包 arr 的 时 候 ,Android Studio 会 自动 将 资源 文件 和 源 代码 一 起 打 进 去 ,这 样 用 户 在 使 用 的 
时 候 就 不 用 担心 资源 缺失 的 问题 了 。 


1. jar 包 的 生成 


首先 ,将 待 打包 的 App 项 目 文件 夹 下 的 build. gradle 文件 进行 修改 , 即 确保 该 App 处 
T library 状态 。 其 具体 代码 如 下 : 


apply plugin: ' com. android. library 


然后 ,在 build.gradle 文件 中 添加 下 列 代码 : 


task clearJar(type: Delete) ( 
delete 'build/makenewjar. jar" 
} 
task makeJar( type: org. gradle. api. tasks. bundling. Jar) { 
[baseName "makenewjar”| 一 确定 生成 的 jar 包 的 名 字 


from( ‘build/android— profile/ 】 一 一 打包 文件 的 位 置 
into('build/') 上 一 一 打包 到 的 位 置 


exclude( 'example/'，'BuildConfig. class'，'R. class') 外 一 一 除去 不 需要 打包 的 路 径 和 文件 


) 
} 


最 后 , 单 击 Android Studio 界面 右 侧 的 Gradle 面板 ,在 项 目 或 者 该 类 库 的 目录 中 找到 
Tasks|other|makeJar, 双 击 makeJar 选项 之 后 , 稍 等 片刻 即 可 生成 jar 包 。 
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2. arr 包 的 生成 


将 App 项 目 打 包 成 arr 包 是 Android Studio 的 新 特性 ,这 种 打包 方式 可 以 将 App 项 目 
中 所 使 用 的 资源 文件 一 起 打包 ,完整 且 准 确 。 

首先 ,在 App 项 目 中 新 建 一 个 library. 

然后 ,在 项 目 中 依赖 这 个 library. 且 直接 运行 。 即 在 build. gradle 文件 中 定义 属性 ,其 
具体 代码 如 下 : 


apply plugin: 'com. android. library 


最 后 ,在 build/outputs 目录 下 生成 两 个 arr 包 


10.2.3 介绍 App 如 何 上 线 


当 一 款 App 设计 完成 时 ,可 以 将 其 发 布 到 开放 的 应 用 商店 上 ,以 供需 要 该 功能 的 用 户 
下 载 .安装 和 使 用 。 目 前 针对 安 卓 系统 的 应 用 商店 有 很 多 ,包括 各 种 品牌 手机 自 带 的 应 用 
商店 等 。 将 App 上 线 的 方法 十 分 简单 ,这 里 仅 以 应 用 宝 为 例 ,展示 App 上 线 的 具体 流程 。 

首先 ,在 浏览 器 中 输入 “腾讯 开放 平台 ”, 打 开 其 首页 后 找到 “应 用 开放 平台 "入口 ,并 单 
击 进入 ,如 图 10-1 Bros. 


> 本 ee 


mannes AH 平台 


应 用 开 脸 平 名 


图 10-1 “应 用 开放 平台 入口 


然后 ,选择 左 侧 的 “应 用 接 入 指引 ”, 在 其 右 侧 将 展开 关于 App 上 线 的 不 同 流程 ,用 户 可 
根据 自己 的 实际 情况 进行 选择 ,如 图 10-2 所 示 。 在 一 般 情况 下 ,用 户 应 首先 选择 “开发 者 注 
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册 ” 这 一 项 ,进而 将 自己 的 信息 注册 于 该 平台 。 
接着 ,新 用 户 创建 应 用 、 申 请 资源 ,完善 应 用 信息 、 提 交 上 线 申 请 ,继而 完成 App 的 上 线 


流程 ,等 待 平台 审核 通过 。 


N, 
(S eaa 首页 ” 众 创 空间 “资料 库 ”论坛 ”联系 我 们 [2 


新 手指 引 
移动 捷 入 指引 
[2| 2 o 前 ro 
| ass 产品 设计 APR 。 推广 运营 。 应 用 管理 
注册 了 APIE WEEE EFE 
FIBRAS Ap 用 
APIs 
SDK 下 载 


图 10-2 应 用 接 入 指引 界面 


【 例 10.1】 使 用 例 9.4 的 项 目 实现 App 打包 与 签名 。 视频 讲解 


步骤 1. 创建 签名 文件 。 在 例 9.4 的 基础 上 对 该 项 目 进行 签名 ,类 似 身 份 证 一 样 ,标识 
出 唯一 版 本 及 相关 信息 。 在 菜单 栏 中 选择 Build | Generate Signed APK 选项 ,如 图 10-3 
所 示 o 

步骤 2: 在 Generate Signed APK 对 话 框 中 填写 打包 信息 。 由 于 是 第 一 次 打包 ,所 以 单 
ili Create new 按钮 ,如 图 10-4 所 示 。 

步骤 3: 进入 New Key Store 对 话 框 ,填写 空白 项 ,如 图 10-5 所 示 。 其 中 , Key store 
path 列表 框 中 一 般 选择 本 项 目 所 在 的 路 径 , 以 确保 其 唯一 性 ; Alias 文本 框 中 填写 该 密 钥 
的 别名 ; Validity 列表 框 中 填写 密 钥 的 使 用 年 限 ; Certificate 选项 组 为 开发 者 信息 , 选 填 
即 可 。 
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|f. helloworld - [FXTeacherThingsWelloWorld] - app - Android Studio 3.0.1 
Ele Edit View Navigate Code Analyze Refactor EMEN Run Tools vcs Window Help 
muwme^XmDHASR eo^ Make Projet entis 


(Oise r 


ultConfig{} 


build.gradle (Project: helloWorld) | eon.android.application' 


Deploy Module to App Engine..  3dkVersion 26 
SE versionCode 1 
10 versionName "2.0" 


i (8 build.gradle (Module: app) a 
ligradle-wrapper.properies (Gradle Versio A 
à Select Build Variant... version 26 
8 proguard-rules.pro (ProGuard Rules for ap. e 
i ili gradle properties (Project Properties) Build APK(s) Fig ( . 
@ seinge gredi (Project Seting tionId "com.example.hellow| 
g local.properties (SDK Location) Analyze APK... persion 21 
& 
S 
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图 10-3 创建 签名 文件 


f Generate Signed APK x 


Key store path: 


图 10-4 Generate Signed APK 对 话 框 


® New Key Store. x 


Key store path: | FATeacherThingsWhelloWorldWMyProject jks LJ 


ES -— | 


图 10-5 New Key Store 对 话 框 
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步骤 4: 单 击 OK 按钮 ,返回 至 Generate Signed APK 对 话 框 。 为 了 便于 密码 的 记忆 ， 


可 选中 Remember passwords 复 选 框 , 如 图 10-6 rz 。 


ff Generate Signed APK x 
Key store path: FATeacherThingslhelloWorldMyProjectjks. 
Key store password: | ine 
Key alias: keyo 
Key password: — |t 
Remember passwords 
m [emm Cm] 


图 10-6 选中 Remember passwords 复 选 框 


步骤 5: 单 击 Next 按钮 ,在 Generate Signed APK 对 话 框 中 出 现 Signature Versions 
(签名 版 本 号 ) 。 这 是 从 Android 7.0 版 本 以 后 引入 的 一 个 新 的 签名 机 制 , 它 为 APK 附加 了 
一 些 特性 使 其 更 具 安 全 性 ,所 以 这 个 选项 虽然 不 是 强制 性 的 ,但 最 好 两 个 都 选 , 如 图 10-7 所 


示 。 如 果 选 择 V2 会 产生 错误 , 则 可 以 不 选 V2。 


ff Generate Signed APK 


Note: Proguard settings are specified using the Project Structure Dialog 


x 


APK Destination Folder: | FATeacherThings 


Hlavors: 


Signature Versions: EJ V1 (ar Signature) EJ V2 (Full APK Signature) 


mm — — — — — — — lH 


Signature Help. 


[se] NET m [Ce 


图 10-7 Signature Versions 选项 


步骤 6: 单 击 Finish 按钮 ,就 可 以 在 本 项 目 路 径 下 找到 已 经 打包 成 功 的 APK 文件 ,如 


图 10-8 所 示 。 


zF 
> HÆR > SEF) > TeacherThings > release 
ze 下 [d 


O app-release.apk 
C eutputjson 


2018/6/19 23:01 


* 
2018/6/19 23:01 

* 

* 

+ 


-m 
APK StF 
JSON 文件 


Æ 10-8 APK 文件 
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10.4 项 目 结案 


本 项 目 详 细 地 介绍 了 App 项 目 如 何 能 够 打包 成 APK ,如 何 进行 数字 签名 ,如 何 生成 jar 
f arr 包 等 实际 操作 。 通 过 以 上 内 容 的 分 析 与 实际 案例 的 讲解 ,相信 大 家 终于 能 够 实现 
App 的 打包 与 发 布 ,将 自己 设计 的 App 从 “ 独 乐 乐 " 升 华 至 “ 众 乐 乐 ”, 让 自己 的 设计 被 更 多 
的 人 所 接触 ,关注 ,甚至 喜爱 。 相 信 当 用 户 将 APK 发 布 到 网 上 被 用 户 下 载 并 安装 时 ,心中 
的 激动 和 喜悦 会 将 在 学 习 过 程 中 产生 的 所 有 苦涩 一 扫 而 光 。 


10.5 项 目 练习 


1. 将 一 款 已 经 设计 完成 的 App 进行 jar 方式 的 打包 。 

2. 将 一 款 已 经 设计 完成 的 App 进行 arr 方式 的 打包 。 

3. 将 一 款 已 经 设计 完成 的 App 做 数字 签名 的 处 理 。 

4. 为 一 款 已 经 设计 完成 的 App 打包 生成 APK ,并 发 布 到 网 上 。 
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综合 案例 一 : 猜 数 字 


案例 简介 : 设计 一 款 关于 猜 数 字 的 小 游戏 App, 当 游戏 运行 时 自动 生成 
1 一 100 的 任 一 数字 ,玩家 可 以 在 指定 位 置 输入 所 猜 数字 ,游戏 会 帮助 玩家 判 
别 所 猜 数字 与 生成 数字 之 间 的 大 小 比较 。 每 当 玩家 猜 对 时 奖励 10 分 , 猜 错 一 次 扣除 1 分 。 
运行 结果 : 如 图 A-1 一 图 A-3 Bron o 


综合 案例 二 : ngon 
案例 简介 : 设计 一 款 闹 钟 App, 要 求 能 够 显示 当前 的 时 间 ,能 够 设 定 
3 个 闹钟 ,同时 还 能 够 删除 已 经 设 定 的 闹钟 。 


运行 结果 : 如 图 A-4 一 图 A-6 所 示 。 


综合 案例 三 : 歌 库 


案例 简介 : 设计 一 款 歌 库 App, 用 于 整理 自己 的 歌 单 , 用 户 可 以 将 歌手 的 
名 字 、 歌 曲 的 名 称 输入 到 指定 的 位 置 进行 保存 ,同时 可 以 将 已 有 歌 库 条 目 删除 。 
运行 结果 : 如 图 A-7 一 图 A-11 所 示 。 


[D 
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我 这 里 有 个 数 (1-100) , 你 能 猜 出 它 的 
大 小 吗 ? ? ? 猜 对 加 十 分 , 否则 扣 一 分 


what you guess? 


我 这 里 有 个 数 (1-100) , 你 能 猜 出 它 的 
大 小 吗 ?? ? 猜 对 加 十 分 , 否则 扣 一 分 


大 了 , 如 一 分 


图 A-1 游戏 开始 界面 


Alarm Clock 


Clock1 13:16 


SET CLOCK DELETE 


Clock2 No settings 
SET CLOCK DELETE 


Clock3 No settings 
SET CLOCK DELETE 


图 A-4 eh App 初始 界面 


图 A-2 玩家 猜 错 界面 


图 A-5 设置 闹钟 的 界面 


恭喜 你 猜 对 了 ! 
是 否 继 续 


图 A-3 玩家 猜 对 界面 


闹钟 响 了 


时 间 到 了 ! 


图 A-6 ”闹钟 响 铃 的 界面 


— 


singer 


Music Name 青花 次 
singer 


周杰伦 


8 稻 香 周杰伦 


9 青花 瓷 周杰伦 


图 A-7 App 初始 界面 


图 A-8 


添加 信息 界面 


图 A-9 


歌 库 列表 信息 界面 


E 
8 稻 香 周杰伦 
图 A-10 删除 歌 库 条 目 图 A-11 删除 成 功 界 面 


